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

浏览数：15 / 时间：2015年06月09日

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

近日，Yelp开发团队在博客发布消息：Yelp公开了内部网站设计指南。这份文档此前是Yelp内部使用文档，为设计师、产品经理、工程师提供了Yelp UI模式的通用信息，目的是保证Yelp网站的视觉设计一致性、降低技术模块化难度、可复用标记和样式文件。

Yelp开发团队表示，开发一个新功能时有三条原则：

  1. 采用预发布模式；
  2. 真的采用预发布模式；
  3. 如果预发布模式不能解决设计问题，有两个选择：
    • 修改已有模式来解决问题，并修改设计指南，让Yelp所有设计都改变；
    • 建立一个新模式，并融入Yelp的UI设计中，以备将来使用；

接着文中解释为什么要这么做以及他们怎么做。关于为什么：Yelp发展近10年，前端代码已经超出控制，分散且没有缺乏更高效率。Yelp开发团队的做法是：从Photoshop实体模型来编码，从设计和构建中剥离出组件。用Sass混入，Yelp团队通过网格系统重构了已有布局。

Yelp团队建议不要重复造轮子，对于设计师来说，不用去想如何呼出一个信息页面：“island”模式可以解决，对于同一功能，前端工程师也不用去想如何从头构建，只需简单使用文档标识。

文章最后提供了一些设计参考资料：

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： des html http Go c 问题 static 代码 t it 文件 des html http Go c 问题 static 代码 t it 文件

相关文章

随机文章

您可能还喜欢

您可能还喜欢