超实用六步透视网易设计规范分享

2、控件系统：按钮的样式统一

在产品中按钮控件的复用度是很高的，同样的一个确定按钮也会根据页面环境不同来设定不同宽高尺寸。

需要注意的是，即使按钮宽高不同，按钮样式也需要统一宽高比例、描边、直角、圆角、色值、文字区域、字体、字间距等，以保证按钮样式的统一。

另外，在一般情况下，按钮会有四种鼠标状态。不同颜色的按钮之间，相同的鼠标状态也需统一视觉效果。比如同层级的蓝色和绿色按钮放在一起，这2个按钮在hover状态下的明度变化看起来应相对统一。

3、布局系统：界面内不能出现多余的行间距

在设计的过程中，间距这个隐形元素往往会被新人忽略，间距能表明内容之间的层级和从属关系，凌乱复杂的间距会对用户认知造成较大困扰。

因此，设计师需要将间距当做色彩、字体、字号一样的元素来设计。一个界面中能用5种间距，就不要用6种;能用3种就不要用4种，这是一个需要做减法的设计原则。

另外，内间距尽量不要大于外边距。大多环境下，外边距小于内边距时内容会有外扩力，显得拥挤，有阅读压力。外边距大于内边距时，有适当的留白，内容没有外扩力，用户的视线不受干扰，更专注于内容本身。

4、配色系统

选择主色调时，首先确定产品的调性、用户对象和所要表达的气氛，以及利用色彩所希望达到的目的，色彩取向决定了这个产品的风格。产品的辅助色可用主调色的邻近色，也可用对比色。确定主色和辅助色之前，建议应用到各种页面中去看看实际效果，因为每个页面的使用环境都不同，反复验证后才能确定最终的色彩方案。

一般情况下，可选择一到三种辅助色配合使用，整个产品的色彩最好控制在四种颜色之内。