BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 黄玲艳 关注 0 他的粉丝 发布于 2014年2月15日. 估计阅读时间: 2 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

近日,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)

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT