郑州十大UI设计培训机构排名

最近很多同学在问老师，APP设计规范如何整理?

今天告诉你如何快速整理总结移动端UI设计规范。

什么是设计规范?

整理设计规范的必要性

做设计规范的时间点

移动端UI设计规范整理(以一个Iphone6S的APP为例)

颜色

字体

图标

控件

页面布局

移动端UI设计规范的细分步骤

一、适用对象及工作场景

1、产品和设计团队参照共享的设计规范。

不管是跟外部的用户体验设计公司合作，还是内部的设计团队执行设计，UI 设计规范都是用来体现大家在产品设计沟通后一致确认的方案输出，以及为后续的产品迭代提供参照依据。

2、为项目相关的技术同事(如前端工程师、iOS / Android 工程师)实际开发和重构提供保障。

技术在实际产品开发的时候，往往喜欢模式化，因为开发的工具语言往往有库、类这样的模块化思维。UI 设计规范通过对一系列元素模块的具体规范，既能与产品开发实现完成对接，同时又便于工程师理解。

二、什么时候输出UI 设计规范

一般都是产品高保真界面经过产品、设计和技术共同讨论确认后。如果产品的高保真界面 OK，同时内部设计资源相对有富余，对应的产品设计师就可以整理一份初版的 UI 设计规范，然后后面再填充优化。

三、UI 设计规范的三种类型

1、平台(系统)性质，主要对于其平台内生态的设计指南，

例如 Google Material Design 、Apple Watch Human Interface Guidelines、Ubuntu Design;

2、品牌物料，主要提供给媒体、第三方公司等用于公关报道和设计

(PS：貌似国内很少看到有这种整理，导致一些媒体报道的 logo 图片千奇百怪)，例如 Dribbble – Logo Downloads & Brand Guidelines、LinkedIn Brand Guidelines、https://www.facebookbrand.com/

3、产品业务相关，主要是产品设计和实现层面的方案，Web 产品居多，同时很多是与前端技术成果相结合，

例如 Starbucks Style Guide、Overview | Atlassian Design Guidelines。

四、UI 设计规范的具体内容划分：

?? 品牌 Logo 及相关物料规范;

?? 字体排版(Typography)，即界面版式设计;

?? 颜色(Color)规范，产品主要的颜色库;

?? 图标库(Icon);

?? 控件库(UI Toolkit)，Web 产品与 APP 产品表现形式可能有所差异;

?? 视觉框架(Visual Hierarchy)，定义产品的交互框架结构，与信息架构相关。

感谢大家阅读由ui培训班分享的“30秒读懂移动端UI设计规范”希望对大家有所帮助，更多精彩内容请关注UI培训官网

免责声明：本文由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除

千峰教育教学大纲紧跟企业需求，并推出软考、Adobe认证、PMP认证、红帽RHCE认证课程，拥有全国一体化就业保障服务，成为学员信赖的职业教育品牌，公司目前已与国内20000余家IT相关企业建立人才输送合作关系，年培养优质人才20000余人，合作院校超600所，累计向互联网输出免费教学视频800余套，累积播放量逾9000万次企业愿景：成为一个有情怀、有良心、有品质的一流教育机构；企业使命：帮助更多迷茫的学生实现，他们的梦想；企业价值观：初心至善，匠心育人；企业精神：草根精神：坚韧 务实 谦逊 节俭；创业精神：拼搏 开拓 思危 创新；协同精神：信任 互助 宽容 感恩；奉献精神：敬业、分享、真诚、关爱。千锋人独白：一群草根奉献着自己的青春年华，为创造一个有真正社会价值的职业教育机构“千锋教育”而奋力拼搏！几十年后，当每一位千锋人回忆在千锋这段历程，相信内心深处是欣慰的，因为我们没有虚度年华，我们一起努力拼搏做了一件非常有意义的事情：帮助更多迷茫的学生实现他们的梦想。