打卡第十四天-UI设计规范总结

做界面要遵循：

1.操作平台设计规范

2.公司的设计规范

3.产品内设计规范

首先要确定目标用户、用户目标、设计目标后，再进行设计执行。下图借用一下腾讯云的整理规范：

1.图标规范

图标与品牌标志一样，在设计时都需要做适当的减法，应该尽量用简约的线条去表达其含义，应该尽量避免出现线条结构过于复杂的设计，而且整体的图标都需要保持风格一致，例如图标的线条粗细、边角弧度、图标高度宽度比例、风格等等。

a.像素对齐

需要严格的做到像素对齐，尤其是在做较小尺寸的图标时，否则最终的显示效果就会出现问题。

b.用布尔运算

在做图标的时候，能用基本图形进行布尔运算的时候，尽量不要使用钢笔，这样做的好处可以让图标更加规范，对图形结构理解更加深刻，而且后期更改形状会更加方便

c.独特的风格

在做系列图标的时候，前期一定要给图标设定一个风格及原则，使之看起来与众不同。在这里值得一提就是，我们在做线性图标时，一定要保证描边粗细相同、圆角相同，如果这些基础的规则都没有遵循，那也就谈不上风格的统一、创新了。

d.视觉大小统一

在进行图标设计的时候，我们会使用栅格辅助线来帮助我们更加严格谨慎，但一定不要被辅助线困住，学会灵活运用，保持视觉上的大小统一。在图标的设计中，我们也必须要有品牌意识。简单的说就是把品牌中的抽象的概念变成具象化的图形，把品牌主副色调应用到图标设计中。同时建议大家每个星期完成一个主题的作品，提升自己的平面设计能力。

2.标注规范

因为导航栏和标签栏通用性非常强，需要单独拿出来进行统一标注，这里我们只对内容区来进行标注示例。

a.尺寸

注意有圆角的地方，需要将圆角半径标出。

对于一些控件，如button、列表