一起梳理一下UI设计模板​规范设计中的主要构成和规则

UI设计模板要规范，必须看这些分类构成要素：标志、标准颜色、尺寸、段落设置、图标、照片、间隔、角值、大小、阴影、组件等，无论是自身设计创作阶段，还是与程序员沟通交流推动产品研发阶段，你的设计规范是不是完善，对产品品质起着决策性的关键作用，一起梳理一下UI设计模板规范设计中的主要构成要素和规则：

1.标志

品牌形象的直接感觉因页面背景而异。统一分类产品中使用的标志，品牌标志由图形和文字组合而成，可以配合不同的品牌颜色和不同颜色背景，这样的标志设计效果更好。此外，标志的横向纵向布局和单个标志图形更好地分类。

2.标准颜色

颜色是设计最重要的部分，一个也没有。细节决定质量，因此颜色的运用特别细致，颜色的组合直接决定产品的质量感。颜色大致可分为品牌色、文字色、背景色、线框色等。在颜色上添加关键词，明确用于什么界面。每种颜色不仅标明了颜值，还给出了使用颜色的场景，对不同状态显示的颜色感觉更加直观。

3.字体

字体是设计中不可或缺的考虑因素，字体气质不同，场合感觉也不同。因此，在设计时必须考虑字体的设计效果，并在设计规范中注明。在定义字体名称的同时，也定义了字体风格，并添加了不同字体风格的预览效果。常见的字体风格包括:Light、Regular、Italic、Semibold和Bold。

4.段落的设置

在实际的产品设计中，段落有很多样式，不同场合段落的要求也不同。例如，读内容的段落要求文本可读性强，字体、尺寸、颜色、行距等要求简单易读。有装饰性的段落文本不需要那么严格，装饰性强就行了。需要注意的是，在定义段落默认字体时，需要定义备用字体，即默认字体无法正常显示时显示的字体。设计的水平是磨练细节，这是段落规范在设计中存在的意义。

5.图标

图标是重要的软件标志，是设计资源中最重要的模块之一。软件产品中可能每页都有图标，图标不仅具有美化的作用，还具有明确代意义的计算机图形。

6.照片

图像也是设计规范最重要的部分之一，根据用途整理图像资源，系统化设计风格。

7.测量

在设计过程中，我们经常使用规范的测量标准来保持产品的一致性，分别是圆角值、间隔、大小。对度量的说明最好的是设计中经常使用的栅极系统(GridSystems)，使用固定的栅极设计布局，其风格简洁。这就是我们在网页和APP设计过程中经常使用格栅系统的原因。

8、影子

影子风格和参数也是设计规范的一部分，在整理设计规范时，影子的参数值不是设计软件的参数值，而是在网页上控制影子的参数值。

9.组件

常用UI组件:Button控制、下拉框、选择框(单选\复选框)、时间选择器、输入框、检索框、进度条、分页、提示框、警告框、表格、弹出面板、数字步进器、选择卡等。

UI设计模板的规则是什么？

1.图标的文字规则

图标是传达给用户的第一种直观视觉感觉，它可以反映产品的风格、功能和质量。由于APP界面受屏幕尺寸的限制，在选择图形时，首先是符合APP主题的图形，结合产品本身的个性选择设计，保证图形传播的真实性，其次是选择清晰度高的图形，图形具体、直观、形象

文字的设计首先是尺寸、字体有效地区分信息的重要水平，其次是行宽和行高的比例，遵循从左到右的原则，左对齐、中央对齐、两端对齐、减少不必要的文字对比对比对比，调整合理的文字间隔最后是空白，适当的空白。

2.布局规则

标志放在每个页面的相同位置，数据内容按主次顺序排列，重要的信息放在主页和界面中等偏向位置，按照人们从上到下、从左到右的读书习惯，主页的长度适度，其他页面也不能太长，页面尽量采用页面

明确各页面需要强调的重要信息，通过颜色、图形、文字大小、间隔、空白等进行比较差异，打开水平，强调重要信息。

导航尽量采用底部导航或单边导航，有利于用户引导和了解页面布局，不占用左右空间。设计师在布局APP之前，对应用程序的功能需求有一个清晰的把握。在每个级别的页面中，应该清楚地了解整个应用程序的界面跳转和级别关系，并明确每个页面的突出信息。

3.交互原则

可靠性是指用户操作时软件的稳定性，不会出现闪存、延迟等基本错误。易用性是指操作简化，使不同年龄层的用户能够迅速使用，简化明确的操作，提高用户对产品的操作信心，减少产品的使用错误率。

可靠性和易用性是基础，兴趣性是核心，兴趣性在用户使用APP操作中增加了人文关怀和感情注入，同时使用兴趣因素，使界面活起来。