手写设计_设计规范到底规范什么?

 

设计在旁人看来是一份还挺高冷的职业...



设计在旁人看来是一份还挺高冷的职业,但我通常称自己为“深夜搬运工”,因为在寒冷兮兮的深夜里经常要做很多重复再重复的工作,例如:切图。

而设计规范则是要去制定切多大,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涉及到太多的领域也是其中一个原因之一),不是说其他类设计没有,而是他们不会以书面的形式呈现出来,例如平面设计,很多的“规范”都定在了大学教科书里了。原因除了量小、独立外更多在于平面设计已有足够久的历史,已经潜移默化的形成了相对稳定的设计规范,在学习平面的过程中就是必须去了解,学习的。


    关注 筚路蓝缕


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册