多语言展示
当前在线:1139今日阅读:84今日分享:32

UI设计规范手册

所谓规范是由ui设计升华而来。是对成一定数量的可复用设计或者多设计师协作的设计项目进行量化和约束的东西。从视觉的角度来说,实际上就是一个素材库。产品有什么样的视觉呈现和元素定义,都有可遵循的标准,保证日后的迭代可以延续产品所传递的思想和价值,最大限度保证了产品的一致性。
工具/原料
1

的多个产品线来说,有一个统一UI规范,可以对多个产品在图标、主题色彩等方面进行规范,使得产品统一;多个UI设计师共同合作时,有一个既定的规则大家可以遵守,省得大家各做各的,做出来的东西不像一个产品;同时UI规范也可以对研发和测试童鞋们的工作予以指导。

2

然而,规则从无到有的制定并非一日完成的。也并非先制定了设计规范在着手进行界面改动,两者应该同时进行。在经过一次版本升级后,才有一个确定的设计规范,否则很可能被所谓的规范束缚住手脚,到头来还是东拼西凑毫无可遵循的标准可言,那制定UI设计规范的意义就不存在了。

方法/步骤
1

具体的UI设计规范分为三种类型,现在跟着优逸客一起来看。  操作系统平台的设计规范  到公司的设计规范  某个产品的UI设计规范

2

一:平台(系统)规范,主要对于其平台内生态的设计指南。  二:公司规范,品牌logo、产品主色调、图标库、字体库等。如360采用绿色作为主色调,腾讯则采用蓝色作为主色调 等。  三:产品规范,主要是产品设计和实现层面的方案,也是最常用到的,Web 和APP产品居多,产品规范需规范基础上参考制作,

3

具体包括:  1、产品 Logo 及相关物料规范;  2、字体排版(Typography),即产品界面版式设计;  3、颜色(Color)规范,产品主要的颜色库;  4、控件规范,如产品按钮、弹出框、标题栏、Tab、菜单等控件规范;

4

需要指出的是,UI设计规范虽是约定俗成,当并非一成不变,千篇一律。互联网发展太快,变化太快,只有不断的修正更改完善,才能使规范符合当前潮流,具备生命活力。

推荐信息