如何规范ui设计原型图？ UI设计和视觉设计有什么不同？

如何规范ui设计原型图?

规范UI设计原型图的方法如下：

1、绘制原型图的尺寸。考虑到绘制与查看原型图的便利性，以及大部分产品与开发人员使用小屏幕笔记本，当前原型图的尺寸一般采用375乘以667px，相当于iPhone 6s屏幕尺寸的一半，以iOS系统为主，安卓系统个别页面单独做图说明。

2、原型图常用组件尺寸。指经常使用的通用组件，如状态栏、顶部导航栏、底部导航栏等，这里由于最大宽度已经确定都是375px，因此关注的是各通用组件高度。状态栏可以设置为母版高度是20px，顶部导航栏高度44px，底部tab导航栏高度49px。

3、对齐。页面中的模块或元素不能随意放置，要保持对齐性，这样呈现出的效果才规整有序。

4、亲密关联。也就是经常提到的格式塔原理的演变，是指内容属性可以划归为一组的，在位置布局上距离相近，不同属性内容之间的距离相对远一些。

5、对比和重复。页面不同元素之间要有对比效果，目的是更清晰的组织信息、使层级关系明了，能够引导用户浏览并且制造焦点。设计的某些元素可能在整个页面中多次出现。重复的元素可能是某个模块、一条分割线、某种粗字体、某类型图标标识等。

UI设计和视觉设计有什么不同?

一、二者的定义不同。平面设计(graphic design)，也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。

二、二者的设计对象不同。平面设计师利用字体排印、视觉艺术、版面(page layout)、电脑软件等方面的专业技巧，来达成创作计划的目的。UI设计重点是设计“人机交互”的界面，设计的对象通常为软件产品的“外形”。

三、二者的设计用途不同。平面设计是沟通传播、风格化和通过文字和图像解决问题的艺术。UI设计是为了软件的操作变得舒适简单、自由，便于充分体现软件的定位和特点。