红绿灯与设计规范(2)
3. 规范一成不变
早期的红绿灯就只有两种颜色更替,但还是会遇到一定的危险,经过不断的改进才出现了由红黄绿组成的三色信号灯并一直沿用至今(最近有人冒出来把黄灯给否定了)。红绿灯也已经不是简单的颜色更替,而是一套完整的信号系统,人行道的、车道的、带方向指示的…设计规范同样如此,当产品变复杂,大到像一只庞然大物如QQ、微信时,为了保证体验的一致性,规范会逐渐完善和明晰。规范的建立是一个长期的过程,宽泛的设计指引应该与时俱进。
大指引,小规范
关于规范的讨论,在这之前就已经有很多前辈进行过各种思考激辩,至于执行,也会因团队因项目而各有差异。
以iPhone的产品设计为例,苹果官方的《iOS Human Interface Guidelines》(以前叫《iPhone Human Interface Guidelines》)比较系统,很多产品设计直接参考这份文档去构建自己的app,产品生命周期中唯一的设计规范也就是这份现成的参考。我们除了会以官方的设计指引为基本参考,还会根据项目的需要将设计规范细化,以1+1(平台规范和应用规范)的方式整理软件繁琐的交互细节。
规范案例(一):信息提示系统
提示系统作为软件设计中一个小点,很多团队都不会在意,过去我们有一套比较完整的信息提示系统,将提示分成了四类:
3.0设计过程中我们对整套提示系统再次进行了优化,彻底去掉Toast提示,并且将Banner Tips统一为一种样式,直接挨着导航栏下方。
规范案例(二):菜单系统
菜单是软件设计里中另外一种常见的交互系统,我们第一个版本刚出来的时候使用了隐晦的方式(横滑)设计菜单,经过几个版本的演进,菜单的出现更加直接、更容易扩展,并对不可操作的异常提供了解释说明。
iPhoneQQ音乐发展到现在,俨然是个庞大的产品,有海量乐库的信息组织、个人音乐资产的管理,基础的播放操作体验….
除了上述的信息提示和菜单系统,我们还对产品的几个常见交互系统提供了一些简单的指引,包括:
本文地址:http://tuquu.com/tutorial/di1352.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化











