近日，Yelp 开发团队在博客发布消息：Yelp 公开了内部网站设计指南。这份文档此前是Yelp 内部使用文档，为设计师、产品经理、工程师提供了Yelp UI 模式的通用信息，目的是保证Yelp 网站的视觉设计一致性、降低技术模块化难度、可复用标记和样式文件。
Yelp 开发团队表示，开发一个新功能时有三条原则：
- 采用预发布模式；
- 真的采用预发布模式；
- 如果预发布模式不能解决设计问题，有两个选择：
- 修改已有模式来解决问题，并修改设计指南，让 Yelp 所有设计都改变；
- 建立一个新模式，并融入 Yelp 的 UI 设计中，以备将来使用；
接着文中解释为什么要这么做以及他们怎么做。关于为什么：Yelp 发展近 10 年，前端代码已经超出控制，分散且没有缺乏更高效率。Yelp 开发团队的做法是：从 Photoshop 实体模型来编码，从设计和构建中剥离出组件。用 Sass 混入，Yelp 团队通过网格系统重构了已有布局。
Yelp 团队建议不要重复造轮子，对于设计师来说，不用去想如何呼出一个信息页面：“island”模式可以解决，对于同一功能，前端工程师也不用去想如何从头构建，只需简单使用文档标识。
文章最后提供了一些设计参考资料：
- 创建动态设计指南以提升性能 (Nicole Sullivan)
- 用动态设计指南统一敏捷和 UX (Grant Hutchins, Andrew Cramer, Steve Berry)
- 构建垂直的韵律 (Richard Rutter)
- 前端设计指南 (Anna Debenham)
- 原子设计 (Brad Frost)
- Github 设计指南
- Mailchimp 的模式库
- Salesforce1 设计指南
- Starbucks 设计指南
腾讯云云原生提质增效实践精选集 2024
《2024腾讯云云原生提质增效实践精选集》出炉，5大热门技术领域，13个行业精选标杆案例，痛点到解决方案全...
博世高阶智能驾驶数据闭环工具链的统一存储实践
技术成长的底层逻辑和 N 个坑
Superedge 边缘自治能力探索与实践
评论