认识达内从这里开始

UI设计规范是大多数人在学习UI设计技术的时候都需要重点掌握的一个设计知识点，而本文我们就通过案例分析来简单了解一下，UI设计规范都有哪些要求。

1、什么是原型

原型的由来-设计方案的表达：原型图是产品功能与内容的示例图，包含线框图和交互说明

学习原型制作的原因：可以更好的表达自己的设计方案，提升设计师的专业水平;同时也是项目开发的标准和依据

低保真与高保真原型：低保真是与终产品不太相似的原型;高保真在外观、操作上与终产品基本一致

2、标准的原型涵盖的内容

简要说明与信息结构：变更日志、版本说明、信息结构(逻辑结构)

任务流程与页面流程

(1)任务流程指用户的每一步操作会遇到的结果和反馈，引导用户完成目标

(2)页面流程展示从一个界面到另一个界面的完整过程

线框图&交互说明：线框图代表静态的部分，交互说明代表动态的部分

交互说明的类型

(1)各种限制：比如范围值和极限值

(2)状态：默认、常见、特殊状态

(3)操作：常见操作、特殊操作、误操作、手势操作等

(4)反馈：提示、跳转、动画等

3、线框图的注意事项

通过明暗对比表达：界面元素的优先级关系更直观

不使用截图与颜色：不够规范并且对视觉设计师有一定的干扰

合理的布局：保持简单的结构

遵守栅格规范：运用固定的格子设计版面布局，节约时间和开发成本

标记一屏高度：重要的内容、按钮要在一屏内完全展示;一屏幕的极限是570px

表达清楚UI逻辑：提前整理好内容，保证内容的样式符合他们的重要程度，减少视觉设计师的工作成本

考虑视觉实现后的效果：多为其他角色考虑，避免频繁的返工

了解视觉趋势：有助于在审美上和视觉设计师站在一致的立场

4、写交互说明的诀窍

使用真实、符合逻辑的数据：可以减少彼此之间的沟通成本

不遗漏特殊状态的描述：各种状态都不可缺失，否则会导致工作无法进行

避免过长的说明：避免流水账式的说明，用流程图代替文字说明;流程图更加清晰，有条理，容易理解

关于重复出现的模块：使用模块化的思维方式，可以提升工作效率

原型有修改，更新文档说明并告知大家：做到信息对称

5、关于设计规范

设计规范的解释：设计规范是一种模版化应用方法，包含：交互规范、色彩、logo、控件等等

没有规范的后果：不同的设计师设计出来的效果不一样，影响用户操作;同类元素多样性，用户会产生质疑，更会导致项目效率低下;设计效率低下;设计质难以把控

规范解决的问题：一致性形成鲜明的产品特征，增强用户粘度;提高易用性;满足团队协作需求;避免重复劳动，提高工作效率

设计规范的分类：纵向(交互规范和设计规范);横向(VI品牌规范、控件和交互规范)

设计规范何时开始：大型且重要的产品;产品结构、组件

制定设计规范的原则：简单易懂、条理清晰;交互规范先于视觉规范;遵循从大到小的原则，先制定大的设计方向，再制定更加详细的说明

规范的执行及注意事项：设计规范更多的是指引和参考的作用，而不是限制;规范不是一成不变的，需要持续更新

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。