视觉设计的6个基本功

主次，对比，相似性，分层，配色和排版是视觉设计的基本功

1.主次

页面需要完成的非常重要的功能或内容要放在页面的显著的位置。越重要的内容，放的位置就越要明显；比较重要的功能或内容，就放在比较显著的位置，不重要的功能或内容，就放在不显著的地方。这就是页面的主次关系。不要

产品页面如何布局，如何展示会直接影响用户使用产品的便捷性。有主由次的布局总会让用户在短时间内发现自己需要的核心功能或内容；主次颠倒的布局总会导致用户费劲寻找，甚至找了很久都没有找到自己想要的，然后就离开了。这样的设计用户流失的可能性非常大

用户在使用产品时，通常都是扫描型浏览，即迅速捕捉对自己有用的信息，不会花费太多的时间停留在页面上，如果花的时间太长，还没有捕捉到有用的信息，用户会很失望，从而选择离开页面。因此，页面布局的重点是体现产品的核心功能和内容，核心功能或内容显示在关键的位置，以便用户在最短的时间内找到自己想要的有用信息，完成任务

2.对比

生活中常说，红花需要绿叶的陪衬，这样才更能凸显红花的漂亮，这就是对比关系。重要的功能或内容通过不重要的功能或内容的陪衬，会显得更加重要。界面中的元素要形成对双满足了两种需要；首先，将界面中主动的，可操作的界面元素与被动的，不可操作的界面元素进行对比；其次，对主动元素的不同逻辑集合进行对比，以更好地表达它们的不同功能，应避免无目的的或者盲目机械地使用对比，因为用户对几乎相同的结果会感到迷惑不解。正确使用对比会产生用户能够记住和识别的视觉模式，使用户更快找到放下，对比也是一种突出界面视觉层次关系中元素地位的手段，换句话说，对比是功能和行为的表达工具

3.相似性

相似性指的是相近，相关联的功能或内容要放在一起，使用的样式也要相似

4.分层

根据每个元素的视觉提示或主动元素所在的背景进行分层也是组织界面的一种方式。颜色视觉属性和大小视觉属性控制了对分层的理解，例如，深色，冷色调，不饱和色视觉层次下降；相反，亮色，暖色，饱和视觉层次上升。大的元素层次高，而小的元素层次低。位置上相互重叠的元素也许是视觉上分层最直接的例子

层间的差异要最大化，而同层各条目间的差异要最小化

5.配色

配色要有层次感

6.排版

排版具有三个要素：分割，区块和强调。