设计在旁人看来是一份还挺高冷的职业,但我通常称自己为“深夜搬运工”,因为在寒冷兮兮的深夜里经常要做很多重复再重复的工作,例如:切图。
而设计规范则是要去制定切多大,dpi多少,颜色的限定,等等。最近在做一个项目,奈何我司美工太少,视觉当交互用。如下对白:
me:boss,额,我没做过,不会啊。
boss:不会?先去学!合同都签了,难道想违约?!
me(皮笑肉不笑):好哒。(心里默念,麻痹,你当初不是这么说的!)
整理下近来关于设计规范的资料:
照例,三个问题:
设计规范是什么?
设计规范要怎么做?
设计规范的用途?
note1
设计是一门学科,就像建筑要符合力学,软件开发要遵循编码标准,设计也一样,但由于ui是属于近些年才兴起的一个职业,ui的规范也就乱七八糟的,但终归有了比较粗劣的设计规范。
国内大致分为两大系统Apple和Android(塞班算一个,但是被淘汰了)
先说Apple的,因为它的体系非常之全,独立的内置系统,所以规范不用考虑,跟着不同版本走就对了。但是Android由于开源免费迅速蹿红,但也因此带来了硬件碎片化的弊端,没有统一的规范。直至现在除了苹果,其他家也是各玩儿各的。
也因此需要重新制定UI视觉设计规范,除了让它更符合产品自身特性还有几点很重要。
1、定出规范,极大方便整个开发切图。
2、模块化,方便产品测试期和运营期的维护和修改。
3、我还没想到,反正好处多多~
note2
要做的归类:
控件层:例如WEUI(微信)
表单:按钮、表单输入、列表、上传组件
基础组件:文章、布局、页脚、九宫格、图标、加载更多、面板(图文组合、文字组合、小图文组合、文字列表附来源、表单预览、进度条)
操作反馈:弹出式菜单、对话框、提示页、弹出式提示
导航相关:.......................
搜索相关:...............
层级规范:弹出层、蒙版、导航层、内容层
构成层:例如(知乎)
1、文字规范 2、颜色规范 3、尺寸规范(这点我还未搞清楚,是否用的点黑来做尺寸适应)
长什么样呢?
知乎范例(侵删)大多数UI视觉设计规范都是基于产品的调性来做,它的终极目的不在于“要做什么,而是要纠正什么”
附网易云音乐的规范http://pan.baidu.com/s/1bp2vmwR
note3
现在我们常见的设计规范大多数是属于UI的(UI涉及到太多的领域也是其中一个原因之一),不是说其他类设计没有,而是他们不会以书面的形式呈现出来,例如平面设计,很多的“规范”都定在了大学教科书里了。原因除了量小、独立外更多在于平面设计已有足够久的历史,已经潜移默化的形成了相对稳定的设计规范,在学习平面的过程中就是必须去了解,学习的。
部分见解,了解更多后再添加,最后希望世界因设计而变得更美好。
网友评论