什么造什么设 做好设计，什么能力最重要？

编者按:设计行业是一个变化大、变化快的行业。因此，设计师一直面临着新的挑战。设计师需要紧跟设计潮流，及时强化能力，学习新知识。那么，为了做好设计，最重要的能力是什么？

设计行业每天都在发生翻天覆地的变化。随着专业的发展，我们在不断学习新的技能和潮流，但同时也要明白，设计中基本的UI标准是建立良好潮流和风格的基础。

今天我们来谈谈做好设计最重要的一个能力:区分视觉层次。

一、视觉层次是什么

视觉层面可以理解为，通过区分设计中的界面元素，引导用户的注意力，使用户的注意力始终集中在页面的关键位置。

但是一直没有办法控制用户的注意力。就像我们今天做设计一样，不同的产品要用不同的设计方法来设计，这样才能帮助用户分清主次。

视觉层面不仅包括文字，还包括我们的图片、视频按钮、文字以外的视觉元素。

所以你在设计网页的时候，除了网站的整体色彩、布局、图片之外，还能影响视觉层次。那么如何让设计层次更清晰，常用的方法有哪些？今天我们一起谈谈设计水平，希望对你有帮助。

第二，利用大小来建立层次

尺寸是建立视觉层次的一个非常重要的途径，这里的尺寸不仅仅是文字，还有图形、插图、图片等等。作为设计师，我们必须知道屏幕上每个元素的优先级，并根据优先级判断其使用大小。

说到尺寸，相信很多设计师都被要求放大各种元素。确实大元素更能吸引用户。但元素越大，设计的复杂程度越高，要多注意整体节奏和把握度。

如上图，插图占比很大。设计这么大的元素，每个元素的比例和细节都是同时放大的。我们可以看到，这个插图周围使用了很多元素来平衡页面，同时，这个图片与旁边的文本场景很好地结合在一起。

一个好的设计必须让用户通过视觉手段更准确地理解信息。看完页面上的文字和图片，自然会引出底部的按钮，可以算是非常醒目的设计了。

第三，利用色彩建立层次

颜色在视觉层面上起着非常重要的作用。设计师可以通过颜色传达信息内容，同时引导页面内容。色彩在心理学中起着重要的作用。比如黑金给人荣誉感和VIP，糖果色给人小清新甜甜的感觉；红色吸引人的注意力等等。

在视觉情感中，用户很容易与颜色联系在一起。作为设计师，我们需要仔细结合不同的颜色来掌握对颜色的理解。

Zenly:国外知名产品，指导页面设计时使用红色按钮吸引用户注意力。在App的主页中，选择效果和Tab通过深蓝色来强调。

Netfix:知名电影软件Netfix在其设计中充分利用色彩提升水平。无论是在引导页面按钮的设计中，还是在页面的核心动作点中，还是在Tab切换中，都是通过显眼的主色引导用户进行操作，使得页面的行为路径更加流畅。

Tiktok:对于颤音的海外版设计，整体UI部分很简单，页面还是一如既往的专注于内容。所以页面的优先级在整个设计中是通过颜色来强调的，比如拍摄，分享，选择这些核心操作都是通过颜色来引导完成任务的。

第四，用词的大小来重新建立层次

丝芙兰App设计在导读页面上有衬线体，很有品味。通过字体大小和字重的对比，结合美容护肤的行业属性，页面非常简洁大气，有对比，有细节。

无论是产品介绍还是详情页，丝芙兰设计都是利用字重和字号的对比来创建层次，这也是设计师建立层次的常用方式。

除了单词权重，级别还可以通过字体的透明度来增加。一般黑色和灰色搭配使用，随着字体大小和字重，整个页面层次会更清晰。如上图，韩文APP页面标题为黑色，辅助描述文字字体大小小了4，颜色改为浅灰色，设计页面层次提升了不少。

很多设计师在做界面的时候，喜欢字体，到最后只用一种颜色，会让界面粗糙，没有层次感。不过上面提到的字体大小、颜色、字重的比较，还是很容易做到的。

第五，用视觉权重建立层次

比如aaptiv的功能页面设计使用了视觉权重对比，最弱的线框按钮，其次是黑色选择效果，最重的功能引导按钮。视觉权重对比可以让用户关注功能内容。

如上图，选中的黑色视觉权重最大，其次是蓝色选中效果，最后是未选中的黑色。几乎每一页都会用到视觉权重。

我很喜欢这个产品顶空，把情绪化用到了极致。在页面的很多细节中，背景使用了不同的小橘人，视觉权重有轻有重。通过不同的视觉权重来表达页面的内容是非常聪明的。

在列表的表达中，不同的视觉权重有不同的感受。比如左边视觉权重较轻，用户同时关注图形和文字内容，右边视觉权重较重，导致用户点击功能模块内容。

媒体的官方App设计，是设计师比较熟悉的，也是在阅读文字的时候用不同的视觉重点突出重要信息。比如左侧通过单词权重和文本背景与文本进行对比，非常醒目，右侧以淡绿色为背景突出显示。

同样在一些重要的位置，Medium也使用了视觉权重处理。比如左边图片可以通过顶部的提示栏语音播放，右边付费文章通过动作按钮引导用户升级付费。

不及物动词最后

视觉层面的表达方式有很多，比如重复、否定空、质感效果、间距、隐喻等。在接下来的文章中，我将分享视觉层面的后半部分，希望大家每天都能有所收获！

#专栏作家#

Sky，微信微信官方账号:我们的设计日记，大家都是产品经理专栏作家。原创支付宝体验设计专家，阿里巴巴天猫设计专家；10年知名互联网公司设计经验，在产品0到1、品牌定位、金融产品、设计规范、运营规范、推广等方面有丰富的实践经验。

标题图来自Unsplash，基于CC0协议