视觉5大要素 

在一个完整的页面的视觉设计当中，我们可以它理解为几大核心点，如「版、质、形、色、字」

• 版-版式及栅格，版式间距会直接影响到页面的张力及空间感
• 质-页面风格、肌理维度，整个产品视觉调性
  
• 形-大面积区域的形状，控件尺寸比例，icon形状的统一性
• 色-颜色风格，页面色相、彩度、明度整体风格统一性
• 字-字体的样式，字体、字号、衬线，内容识别性

什么是版? 

版，在界面设计当中，版式会直接影响到用户对该页面的理解能力，良好的信息传达力离不开科学的组织布局。

1.亲密性

可以通过一个很简单的话术来表达，那就是「同类相近，异类相远」，信息联系紧密的，间距相近，不同性质间距要远。

2.节奏性

一个页面内容中，间距不要太多，尽量使用倍数，比如1x、2x、3x、4x。以12为基准，比如间距一律使用12、24、36、48。如果是信息较为紧密的，则可以使用8的倍数，如8、16、24、32等。当然，这也不是绝对值，具体使用情况，还得根据实际情况跟业务属性而定。

▲ 通过分析，京东金融app的间距是以4为单位进行倍增，但用的则是较大的间距，如24、28、32、36、40、44。

而Airbnb则是以12的单位进行缩放，如12、24、36、48、60的单位，不同的栅格比例传递的情感也是不一样的。因此间距没有绝对的设定值，而是根据业务进行适当调整。

3.黄金比例

黄金比例是在UI设计当中用的较多的一个比例，此比例通过了自然界大数据的验证。在实际项目中，使用黄比例的作品，往往更具有美感，令人赏心悦目。

除了黄金比例，其实还有着白银铂金等比例，这类比例也是具有着较多的美感的。相信很多同学不知道，这里也发出来让各位同学知晓下。网址可自行百度:黄金比例在线生成。

 什么是质? 

质，是页面的风格特征，产品的风格应当与产品的整体形象保持一致, 好的质感表现，不仅帮用户记住产品，更能让产品拉开与同类产品的区别，做到别具一格。这里简单给大家介绍几种常见的风格类型。