2024年3月27日发(作者：)

构建视觉层次的4个技巧

编辑导语：视觉层次的搭建可以引导用户注意力的集中，帮助用户进行有效区分。

而视觉层次的搭建与文字、图片、颜色等多个方面都有关系。本篇文章里，作者

结合实际的产品案例，总结了搭建视觉层次的相应方面和注意事项，一起来看一

下。

一、什么是视觉层次

视觉层次你可以理解为，通过将界面元素进行设计上的区分，引导用户的注意

力，并使用户的注意力始终集中在页面的关键地方。

但是今天没有一个方法可以一直控制用户注意力，就像我们今天做设计一样，

不同的产品要用不同的设计手法去设计，才能达到帮助用户分清主次的作用。

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

的视觉元素。

1 / 7

所以当你设计一个网页时候，除了网站整体的颜色、排版，图片也能够影响视

觉层次。那么如何让设计的层次更清晰，常用方法有哪些，今天我们一起来聊聊

关于设计层次，希望可以帮助到你。

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

大小是建立视觉层次非常重要的方式，这里的大小不仅仅是文字，还包括图形、

插画、图片等等。作为设计师我们必须了解屏幕上每个元素的优先级，根据优先

级来判断它的使用大小。

当我们谈到尺寸的时候，相信很多设计师有过被要求各种元素放大的经历。确

实大的元素能更好地吸引用户，但是当元素越大，其实设计的复杂性也越高，所

以在设计时候需要更注意整体节奏，把握好一个度。

2 / 7