在 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 开发者与社区所有者学习资源。