在 2024-10-30T04:00:00Z,我们的两位设计师 Jordan 和 Kris 向我们展示了 Discourse 设计团队的设置方式,并分享了创建自定义社区设计的技巧。
回放
设计团队结构概览
- Jordan 是我们的设计团队负责人
- 设计团队有两个分支:
- 客户项目(Bryce 和 Ty),负责处理客户请求和定制。
- Discourse 核心内部团队(Charlie、Ella、Kris 和 Meghna),专注于 Discourse 本身的功能。
定制亮点
- OpenAI 开发者论坛:极简的开箱即用外观,带有浅色样式。
- MAKE 社区:增加了全宽布局和自定义搜索横幅等功能,以提供个性化体验。
- Epic 开发者社区 (Unreal Engine):经过大量定制的设计,具有独特的布局、插件和图标调整,展示了 Discourse 定制的潜力。
热门问题
在 Discourse 上开始社区设计
从简单开始:了解 Discourse 的功能并为您的社区定义目标。利用品牌元素(如配色方案和页眉链接)并考虑可用组件,然后再深入进行深度定制。
主题和主题组件的区别
主题调整整体外观和感觉,而主题组件是独立的自定义元素(如页眉链接或搜索横幅),可以添加到任何主题中。
从基础到高度定制设计的步骤
基础设置可以使用现有的组件和主题,而高级定制可能需要开发人员的参与才能进行更深入的更改。Discourse Meta 提供了各种主题组件,以便于安装和维护。
有效使用插件和组件
插件允许进行后端修改,但会影响性能,因此最适合大型设置。主题组件非常适合前端更改,可通过 Meta 访问,便于安装和维护。
Figma 资源和样式指南的可用性
虽然团队在内部使用了一些 Figma 组件,但由于 Discourse 的高度可定制性,并没有一个完整的库。但是,Discourse 内置的样式指南为自定义布局提供了坚实的基础。
关键工具和资源
- Discourse 主题
- 主题组件(页眉链接、搜索横幅等)
- Discourse Discover:实时展示不同定制程度的 Discourse 社区。
- Ask.discourse.com - 由 AI 提供支持的 Discourse 开发者和社区所有者的学习资源