我们很高兴推出我们的最新主题——Horizon!我们已经在内部测试 Horizon 一段时间了,现在准备在这里 Meta 上进行测试,以便获得您的反馈,了解如何继续改进此主题。
在本主题中,我们将分享 Horizon 的目标,并提供有关如何测试和与我们分享反馈的指南。
了解 Horizon
Horizon 是一个简单而美观的主题,旨在成为 Discourse 网站的新开箱即用体验。
请注意,Horizon 仍被视为实验性主题! 因此,在将其安装到您的社区或提供反馈之前,请阅读本主题的其余部分,以便您了解此主题的预期以及如何最好地向我们提供反馈。
→ Horizon Theme
Horizon 适合谁?
虽然我们希望 Horizon 能很好地适合许多社区,但我们在创建 Horizon 时考虑了特定用户——非技术管理员和普通会员。
我们为 Discourse 的灵活性和可定制性感到自豪,我们希望确保 Discourse 仍然是所有社区的绝佳选择,无论其技术专长或资源如何。我们为没有设计或开发资源但仍希望拥有一个让会员喜爱的精美社区的管理员创建了 Horizon。
Horizon 有何不同?
虽然我们的默认主题相对空白,但 Horizon 是一个有主见的(opinionated)主题。这意味着我们在使用此主题时,在 Discourse 的外观和操作方面做出了一些选择,以便为我们的目标用户(如上所述)提供出色的整体用户体验。以下是一些您可能会注意到的变化:
-
主题卡片信息密度较低。 Horizon 最显著的特点是主题卡片。我们已尽可能删减信息,以保持主题列表的整洁和易于访问。某些信息,例如更全面的主题参与者列表和主题标签,在主题卡片上不可见。
-
Horizon 无意支持额外的自定义。 由于我们的目标受众无法或不愿自定义 Discourse 的外观或行为,因此不能保证 Horizon 能与所有主题组件或自定义项良好配合。
尽管如此,我们已经针对最受欢迎的主题组件测试了 Horizon,并且到目前为止发现的不兼容性都很小。我们将随着时间的推移解决这些问题。目前,我们不建议在 Horizon 中激活主题组件或添加您自己的自定义项。
-
Horizon 包含新的调色板,管理员可以启用这些调色板,让会员对他们的社区体验拥有更大的控制权。 一旦通过管理员的调色板设置启用,会员就可以从六种特定于主题的调色板中选择一种,以获得自定义的外观和感觉。
-
阅读区域的文本更大。 您会注意到 Horizon 的阅读区域(即主题)的文本比界面上的其他文本稍大。我们正在尝试这种差异化的文本大小,希望它能使主题更容易阅读,同时保持不太重要的文本——例如侧边栏链接——更简洁,不易分散注意力。
测试和分享您的反馈
您可以使用侧边栏底部的主题切换器在 Meta 上查看 Horizon:
当您在 Meta 或您自己的社区中进行测试时,您可能会遇到视觉设计问题或与某些主题组件或自定义项不兼容的问题。发生这种情况时,请告知我们。您的反馈将帮助我们改进 Horizon,以便我们能够开始更广泛地推广它。
请注意,我们可能不会立即处理收到的所有反馈。这并不意味着您的反馈无效或没有价值——这仅仅意味着我们希望继续测试某个想法或设计决策,以更好地了解它如何满足我们目标用户的需求。
已知问题/进行中的工作领域
以下是我们正在积极处理的一些领域:
- 润色调色板以确保可访问性。 Horizon 拥有更简化的颜色系统(并启发了一些新的调色板,例如 Lily、Clover、Royal、Marigold 等)。我们正在努力确保 Horizon 在浅色和深色模式下都具有可访问性并具有适当的对比度。
38 个赞
dfabulich
(Dan Fabulich)
3
{“content”:“[quote="lindsey, post:1, topic:360484"]\n主题卡片的信息密度较低。 Horizon 的最显著特征是主题卡片。我们尽可能减少信息,以保持主题列表的整洁和易接近。某些信息,如更详细的主题参与者列表和主题标签,没有显示在主题卡片上。\n[/quote]\n\n我使用 Discourse 已经好多年了,但我从未听说过"主题卡片"这个术语。似乎你指的是主题页面上的列表行?\n\n在标准主题中,主题页面是一个表格,具有以下列:\n\n* 主题:标题 + 类别 + 标签\n* 在主题中发布的头像列表\n* 回复:回复数量\n* 查看:查看次数\n* 活动:时间戳,例如 10分钟,4小时等。\n\n在 Horizon 中,没有表格。每一行包括:\n\n* 标题\n* 一个头像,即最近的发帖者\n* 该发帖者的用户名,“回复"或"发帖"及活动时间戳,例如"lindsey 9分钟前发帖” “tobiaseigen 11分钟前回复”\n* 点赞数(那是什么?“主题"点赞?是所有人在整个主题中任何人点的赞的数量?这似乎是一个非常奇怪的数字,也非常奇怪要如此突出显示。)\n* 回复数,旁边有一个回复箭头\n* 类别,现在在最右侧\n\n我的想法:\n\n1. 依我看,主题的类别远比最近回复者的身份重要得多。我会把它放回左边,将"lindsey 9分钟前发帖"放在最右边,即活动时间戳的位置。\n2. 我同意删除"查看”。事后看来,这个数字作为突出显示的数字似乎很奇怪。\n3. 我不确定是否要删除其他头像,也许我会喜欢上它。\n4. 我不喜欢那条显著的"欢迎回来,用户名!“的信息。头部空间是宝贵的。\n5. 只有现在,主题列表的行变成了"卡片”,带有圆角和每个"卡片"之间的明显间隙。不过我不太喜欢,虽然它可能会逐渐适应。我更喜欢用简单的分隔线分隔主题。\n6. 主题标签在主题卡片上完全没有了。这似乎很不好;意味着你只能在主题页面本身看到主题标签。”}
9 个赞
lindsey
(Lindsey Fogle)
4
通过一个主题组件,这里有一些先例 — Topic Cards — 它有一个类似的设计。
您说得对,默认主题和 Horizon 主题在主题列表之间存在非常不同的设计 — 这是有意为之的。我很感谢您快速的反馈,我很想听听一两天后您的一些初步意见是否(或是否)有所改变。希望您能回来告诉我们!
2 个赞
lindsey
(Lindsey Fogle)
5
感谢您的报告,我们会告知我们的团队。
(供记录,这是移动设备上 /categories 页顶部类别/标签过滤器的透明度问题。)
3 个赞
我对此方法感到非常兴奋,因为我负责管理一个面向非技术专业人士的论坛。
“欢迎”图片在搜索上方有一些奇怪的伪影:
我也希望您能直呼我的名字,而不是我的昵称。
3 个赞
lindsey
(Lindsey Fogle)
7
您能否分享一些关于您的设备/浏览器的详细信息?我目前看不到这个问题,但我们一直在修复不同区域的类似问题,因此提供具体细节将非常有帮助!
这可以通过编辑网站文本来实现——这是我们最近添加到 Discourse core 的一项功能,您可以在此处阅读:Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji
4 个赞
Jagster
(Jakke Lehtonen)
8
DiscourseHub 和移动设备:
强制使用侧边栏来发起新主题,如果目标不是最熟练的用户(尤其是在使用移动设备时),那将不是最明智的做法。
6 个赞
我使用的是最新版本的 Safari 18.3.1 (20620.2.4.11.6),运行在 14 英寸 MacBook Pro 上,操作系统是最新版本的 macOS 15.3.2。
3 个赞
我也考虑过这个问题……即使在桌面上,你也可以在阅读时隐藏侧边栏,所以再提供一个简单的方法来引导用户开始新主题似乎是合理的。不确定它应该在哪里……你有什么建议吗?谷歌只是“最小化”侧边栏,而不是完全隐藏它,所以你永远不会丢失撰写新邮件的按钮。
另一方面,对于那些还不熟悉的人来说,在 Discourse 中,“新主题”按钮有多重要?毕竟,我们希望新成员花时间通过阅读和回复现有讨论来了解社区。
4 个赞
alehandrof
(Alex Armstrong)
11
这可能取决于社区。在我们小型私人社区中,我们鼓励新用户发布主题,以此分享他们创建/使用的资源,或寻求帮助。
我希望“新主题”按钮能以某种方式保持可见。
编辑:类别通知设置对我们也很重要——我们将其用作兴趣小组(由不同类别表示)的临时成员资格。当前的设计弱化了它们。我希望它们更明显,并与当前类别清晰地关联起来。目前,它们指的是什么尚不清楚:
它们可能指的是“文档”类别。
也许可以将它们放在横幅本身的左上角或右上角?
4 个赞
Jagster
(Jakke Lehtonen)
12
我们已经有的有什么问题?为什么要重新发明轮子 
(我懒得改语言了,你知道这个设置)
如果论坛的目的只是提供一些阅读内容,那么它根本不重要。但很多论坛都是为了提供某种问答服务而建立的,那么新主题按钮就非常重要了。
而且我认为,展示最基本的功能是最重要的事情。
这不仅仅是阅读的问题。我在这里根本不使用侧边栏,因为它对我没有任何用处。它只是另一个没有目的的组件,在屏幕上填充空白。
但在手机上,它总是隐藏的。这意味着手机用户现在必须多点一下才能开始一个主题。我们应该计算一下有多少主题和帖子,桌面用户在计算他们想要的东西之前的点击次数,然后事情被简化为提供最少的点击次数 
2 个赞
Stephen
(Stephen)
13
我对此也有同样的看法。请随意移除界面元素并使用主题卡片来创建视觉分隔,但另一方面,重新定位“新主题”按钮等功能也会让非技术用户更难掌握其他 Discourse 主题。
4 个赞
太棒了!乍一看效果很棒!
我在 Github 上偶然发现了一个早期版本,对最终版本感到好奇。效果很不错!
以下是一些即时的随机反馈:
-
我喜欢主出口周围统一的背景——它很优雅,有助于突出内容。然而,在大屏幕上,没有明确的内容边界会很快让我的眼睛疲劳。它迫使眼睛聚焦在一个大区域。Meta Branded 主题是缓解这种情况的一个很好的例子:提供清晰的边界和背景可以使其感觉平衡。
-
新主题按钮的位置很合理;你不会错过它。我花了几秒钟才弄清楚它在移动设备上消失在哪里了。我不是 Meta 的移动用户,我本以为会在这里看到一个按钮:
-
在主题列表中,这一行看起来很棒。很简单:专注于必需品。我注意到两件事让我有点困扰:
- 热状态的位置有点令人困惑,因为它离上一行太近了。
- 我不太喜欢完整的边框。单独来看,这看起来很棒,但堆叠在一起时,阅读实际标题会更费力,尤其是在滚动时。这可能有点太分散注意力了。也许更多的间距和/或微妙的边框会有所帮助。(我也需要适应它;我应该稍后再修改我的反馈。
编辑:公平地说,我认为这更多是因为标题下方的头像而不是边框,这使得阅读不那么直接。移动视图通过类别在上,头像在标题下,进一步强调了这个问题)
-
调色板很棒。
-
(不相关)在此主题上,作曲家预览模式看起来相当不错。
期待未来的改进!
8 个赞
主题不错!视觉上需要一点时间来适应(至少对我来说是这样)
我曾想过,让 /categories 页面看起来有点像 Air 主题 中的那样,因为在这个 Horizon 主题中,所有东西似乎都装在盒子里,而一个默认样式的分类页面在我看来有点奇怪。
5 个赞
lindsey
(Lindsey Fogle)
17
啊,好的,我可以在那个版本的Safari上重现这个问题,但在最新版本(18.4)上没有这个问题。你能否更新一下并告诉我问题是否仍然存在?
1 个赞
这个主题看起来非常现代、时尚且很棒!我真的很喜欢圆形的按钮、主题列表等等。
不过,我确实发现 4 个小问题。请注意,所有这些问题都是在移动设备上使用 Chrome 上的 Discourse 时出现的。
-
即使主题未读,也会显示为“新”主题(带蓝点)。
-
打开编辑器时,机器翻译按钮会变得非常大。
-
帖子预览有白色边角,帖子按钮区域没有连接(见截图)。
-
投票计数器和按钮未与主题标题对齐。
6 个赞
Lilly
(Lillian Louis)
19
这里有一些高度方面的怪事:
我快速看了一下控制台代码,但业余的 CSS 水平让我没有立刻发现任何奇怪的地方。
5 个赞
cultiv
(Sebastiaan Janssen)
20
我本来也想提一下这个,这是因为用户名被包裹了,你也可以在下面列表中的第二个话题中看到。应该只需要一点点 CSS 就可以修复。
3 个赞
出于某种奇怪(且有点烦人)的原因,即使我选择另一个主题,此主题也不会更改。颜色仍然相同,以至于“辅助功能对比度(深色)”非常暗,与“Meta Branded”的颜色没有区别。
这种新颜色与“Meta Branded”提供的颜色相比太暗了。请尽快修复!
2 个赞