设计中那些基础的UI准则，才是好的趋势和风格建立的基础

设计行业每天发生着翻天覆地的变化，随着专业的发展，我们也在不断的学习新的技巧和趋势，但同时我们也要明白，设计中那些基础的UI准则，才是好的趋势和风格建立的基础。

今天，我们就一起来聊聊做好设计最重要的能力之一：区分视觉层次。

一、什么是视觉层次

视觉层次你可以理解为，通过将界面元素进行设计上的区分，引导用户的注意力，并使用户的注意力始终集中在页面的关键地方。

但是今天没有一个方法可以一直控制用户注意力，就像我们今天做设计一样，不同的产品要用不同的设计手法去设计，才能达到帮助用户分清主次的作用。

视觉层次不仅仅包含文字有关，它还包含我们的图片，视频按钮以及文字以外的视觉元素。

所以当你设计一个网页时候，除了网站整体的颜色、排版、图片也能够影响视觉层次。那么如何让设计的层次更清晰，常用方法有哪些，今天我们一起来聊聊关于设计层次，希望可以帮助到你。

二、运用尺寸大小建立层次

大小是建立视觉层次非常重要的方式，这里的大小不仅仅是文字，还包括图形、插画、图片等等。作为设计师我们必须了解屏幕上每个元素的优先级，根据优先级来判断它的使用大小。

当我们谈到尺寸的时候，相信很多设计师有过被要求各种元素放大的经历，确实大的元素能更好的吸引用户。但是当元素越大，其实设计的复杂性也越高，所以在设计时候需要更注意整体节奏，把握好一个度。

如上图插画的比重很大，在设计这种大的元素时，你的每个元素比例和细节处理都被同时放大了，我们可以看见这副插画四周还运用了很多元素，让页面达到平衡，同时这个画面和旁边的文字场景也很好融合在一起。

一个好的设计一定是通过视觉手段让用户理解信息更加准确，在看完页面文字和图片后，很自然的引导到底部的按钮，这才能算是一个很引人注目的设计。

三、运用色彩建立层次

颜色在视觉层次中扮演着非常重要的角色，设计师可以通过颜色来传递信息内容，同时也可以引导页面内容，色彩在心理学中有着很重要的作用，比如黑金给人尊贵感VIP感，糖果色给人小清新，甜蜜的感觉；红色能吸引人注意等等。

用户在视觉情感上和颜色很容易联系在一起，作为设计师我们需要对不同的色调，不同色彩进行细致的组合搭配，以掌握对色彩的了解。