写点什么

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:123222

评论

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

Java学到什么程度才能叫精通?

Java架构师迁哥

你遇到过哪些质量很高的 Java 面试题?

Java架构师迁哥

Linux之cp命令

入门小站

Linux

Rust从0到1-自动化测试-运行测试

rust 自动化测试 Automated Tests 运行测试

与8090创业者、投资人共话“初心”!2021中国新青年创业投资峰会举办

创业邦

WasmEdge (曾用名 SSVM) 成为 CNCF 沙箱项目

WasmEdge

云计算 云原生 webassembly cncf

ES6 中的 Symbol 是什么?

编程三昧

JavaScript 大前端 ES6 数据类型 symbol

ECMAScript 2021 (ES12)通过,正式写入 ECMAScript 标准

清秋

ecmascript 新闻资讯 ES2021 ES12 标准

听说一代数据库大侠都是这样练成的?

华为云数据库小助手

数据库 GaussDB 华为云数据库

.NET Core HttpClient源码探究

yi念之间

.net core HttpClient

一步一步实现 Vue 3 Reactivity

Geek_z9ygea

JavaScript Vue 响应式 Vue 3

看完阿里开源笔记,我终于敢说精通“网络协议”了

Java架构师迁哥

这是一场按下播放键就停不下来的冒险

脑极体

真的了解 HDFS 的 SecondaryNameNode 是干什么的?

云祁

怎么办,linux的常用命令就是记不住?于是每天推一些linux指令实践总结

李阿柯

面试 操作系统 linux运维

Kubernetes手记(21)- 新一代监控架构

雪雷

k8s 6月日更

这是一场按下播放键就停不下来的冒险

白洞计划

深入了解JAVA线程篇

邱学喆

线程 线程池 线程间通信 线程回调

基于朴素ML思想的协同过滤算法(十七)

Databri_AI

推荐算法

react源码解析20.总结&第一章的面试题解答

全栈潇晨

React

七牛云 霍锴:SDK 是一款技术服务的门面,如何方便用户高效接入是前提|Meetup 讲师专访

七牛云

音视频 sdk Meetup

5分钟速读之Rust权威指南(二十九)循环引用

wzx

rust

oneAPI开启新征程 英特尔拥抱开源打造软件生态

E科讯

数据仓库常见建模方法与大数据领域建模实例综述

云祁

数据仓库 数据建模 维度建模

在线URL转sitemap工具

入门小站

Linux

我用来阻止你摸鱼看直播、知乎和微博的Chrome插件

OBKoro1

chrome 效率工具 大前端 工作效率 chrome扩展

Android快速转战Kotlin教程,附详细答案

欢喜学安卓

android 程序员 面试 移动开发

蜜雪冰城主题曲血洗B站:企业自媒体运营如何接地气

石头IT视角

自动驾驶产业进入“两条腿”时代:车路协同的中国式飞跃

脑极体

JavaScript 学习(八)

空城机

JavaScript 大前端 6月日更

大白话彻底搞懂 HBase Rowkey 设计和实现方式

云祁

大数据 HBase

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