网站的UI设计对一个网站来说有多重要？它决定了用户对品牌的第一印象，在短短50毫秒内影响用户是否继续浏览、了解更多的内容。虽说UI设计在某些程度上更偏向与理性层面的设计，但优秀的UI设计会在理性的逻辑设计中糅合感性的视觉层次美学，为用户带来极佳的观感体验。

十年来，星凯网络对用户思维、品牌营造、视觉艺术等方面进行了深入的研究，下面我们将告诉大家在进行网站UI设计时，应该如何制造视觉层次感来吸引用户的注意：

1、利用元素大小，厘清主次信息

一个充实而又具有阅读价值的界面，往往需要摆放很多图片、文字等元素，但是单纯地把它们排列、堆放会让整个画面给人呈现一种杂乱、没有重点的感觉。一般来说，界面中的元素占据的尺寸越大，越容易吸引用户的注意。因此，我们在做UI设计前，要先明确信息的主次以及重要程度，再利用尺寸的大小，对信息元素进行尺寸差异化排版，让他们在看到界面的瞬间就能抓住网站想要传递的重要信息。

2、运用色彩对比，划分板块层级

在设计当中，色彩极大程度影响着作品的美感，那些极具视觉张力的设计，都会把色彩运用得淋漓尽致。但UI设计中往往很少会出现大片颜色覆盖的区域，也很少会在同一个界面中同时出现3种以上的颜色，这个时候我们可以运用色相、明度、饱和度的差异以及搭配效果，对内容板块进行划分，帮助用户跟好地理解网站的逻辑架构，迅速找到自己想要得到的信息。

3、巧用蒙版，增加视觉层次

有时候一个页面中需要呈现大量的图片，但图片的风格各异让人眼花缭乱，这时候我们应该如何确保用户的视觉焦点不被其他图片“喧宾夺主”呢？UI设计师经常会用到一个小技巧——蒙版。简单来说就是在图片上叠加一层半透明的色块，这样不仅能统一画面的色调，增加视觉舒适度，还能融入交互效果，在鼠标触及时从平平无奇的单调色块向清晰大气的图片转换，呈现一种出水芙蓉般的视觉效果，在增加画面层次感的同时，增加用户的参与感与惊喜感。

4、恰当留白，制造视觉聚焦

为了让界面元素排版避免过于密集，在进行UI设计时往往需要预留一定的留白空间，为空间增加呼吸感。适当的留白也能让用户感受出内容与内容、元素与元素之间的联系与差异，营造画面设计的层次感，也能让重要的信息在留白区域中成为视觉的焦点。