转：Yelp开发团队发布内部网站设计指南

原文来自于：http://www.infoq.com/cn/news/2014/02/yelp-style-guide

近日，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设计指南

原文英文链接：Yelp’s got style (and the guide to back it up)