写点什么

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

  • 2014-02-14
  • 本文字数:630 字

    阅读完需:约 2 分钟

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

2014-02-14 07:123124

评论

发布
暂无评论
发现更多内容

报志愿|想学区块链,要上什么大学?报什么专业?

CECBC

高考 报考志愿 区块链专业 高校学院

性能优化

独孤魂

关于中台,可能都是正确的废话

FinClip

中台 业务中台

第7周作业

文古

Vue 学习笔记-3

多选参数

vue.js Vue vuejs

架构师训练营第八周学习总结

张明森

LeetCode题解:1. 两数之和,JavaScript,双循环暴力解法,详细注释

Lee Chen

大前端 LeetCode

Demo 示例:如何原生的在 K8s 上运行 Flink?

Apache Flink

flink

敏捷软件开发宣言及十二原则

BigYoung

敏捷开发

Vue 学习笔记-2

多选参数

vue.js Vue vuejs

推荐 16 款 IDEA 插件,让你的开发速度飞起来!

Bruce Duan

idea插件

最高法主张加强数字货币产权保护有法可依

CECBC

数字货币 法偿货币 中国人民银行 虚拟财产

OAM 深入解读:如何基于 OAM Runtime 编写一个扩展 Trait?

钱王骞

云原生 k8s OAM

高能预警!Apache Flink Meetup · 上海站返场啦

Apache Flink

flink

脑洞:基于Enterprise Continuum证明DDD用于构建汽车的可行性

冯文辉

企业架构 领域驱动设计 DDD 架构演进

LeetCode001-两数之和-easy

书旅

算法 LeetCode 数据结构与算法

IO系列——用户空间与内核空间

Java联盟

io 零拷贝 用户空间 内核空间 zero copy

架构师训练营第八周笔记

Melo

2. 妈呀,Jackson原来是这样写JSON的

YourBatman

Java json Jackson Fastjson

CDN百科第七期 | 关于CDN的原理、术语和应用场景那些事

阿里云Edge Plus

CDN

Flink Weekly | 每周社区动态更新

Apache Flink

flink

四十个鹏城春夏,一场数字繁花

脑极体

除了技术,加密货币开发者更应关注可使用性

CECBC

加密货币 用户为本 可使用性 容错机制

胡继晔:发挥我国优势把依法治网落实到区块链管理中

CECBC

CECBC 胡继晔 依法治网 数字货币监管

阿里巴巴大规模应用 Flink 的实战经验:常见问题诊断思路

Apache Flink

flink

主宰操作系统的经典算法

苹果看辽宁体育

后端 操作系统

【区块链+通证经济】从量变到质变区块链发展的下一阶段是什么?

CECBC

数字货币 防篡改 通证

腾讯面试题: 百度搜索为什么那么快?

小松漫步

面试

JVM系列之:对象的锁状态和同步

程序那些事

JVM GC 同步

英特尔中国研究院宋继强:芯片、系统、软件成为异构计算的三层级

最新动态

如何识别刷屏文章中的伪科学

Lee Chen

大前端 随笔杂谈

Yelp开发团队发布内部网站设计指南_语言 & 开发_sayhelen_InfoQ精选文章