如何定义UI设计视觉规范？（APP）

1、第一阶段：概念设计和原型设计

包括脑图设计、线框图的设计等等 。

2、第二阶段：视觉定义阶段。

确定了使用哪些字体、颜色、布局、形状等元素。

也属于创意阶段，这个是定义手机APP视觉规范的第一个步骤。或者说是雏形阶段。

主要页面的布局与视觉风格需要反复尝试才能找出最适合目标用户，并且能从竞品中脱颖而出的一套。

3、第三阶段：界面产出阶段。

即产出数页的高精度视觉APP设计稿，即大家熟知的首页、设置、好友列表、个人资料、关注、启动页、引导页等等。

1、第一步，设定颜色、主字体、图形、边距、留白。

2、第二步，开始设定更精细的原子：标题、文本字体、按钮和输入框。

3、最后，在故事板中制作基本的文本和图层：

1、然后通过右键给它们赋予预设的样式。

2、矩形会自动嵌套预设的风格样式，正如你手动编辑过该标签一样。通过设置边距，按钮会根据标签文本的长度自动适应，通过留白设置可以将故事板内部元素自动对齐。

3、我们还可以设置更复杂的组织（例如导航栏）来保持各处的一致性。

1、在此基础上可以添加更多功能，使得通过设置每个元素来自动生成页面、列表、卡片成为可能。改动设计设定会自动应用到

所有元素上。这样能够很方便的测试不同的颜色、字体风格等等的效果。

制作界面模板套件将不费吹灰之力，通过预设原生组件就能实现。

2、下面就是详细的手机APP定义视觉规范案例：

3、UI设计专业的知识点十分杂乱分散，同时UI设计领域正在飞速发展，也许我们还没完全领悟一项新的设计技巧就已经过时了。因此，对于UI设计专业的人来说，当务之急就是要掌握基本的设计技能及设计理论知识，如今掌握基本专业技能和知识最直接高效的途径就是接受培训，国内知名培训基地凭借其过硬的培训实力深受社会大众欢迎。除此以外，我们还可以自学，自学成才的例子也不少，但是这要求学习者具备较强的自学能力及自控力。