如何让你设计的作品更有层次感？学码思教你三招

在查看分析一个设计作品的时候，相信很多人都遇到过这样的评价：“总感觉少了点什么”、“好像有点单调”之类的，其实这在一定程度上是说你的作品缺少层次。如何把画面中的各种元素清晰合理的结合起来，使之看起来协调舒服，符合用户体验是每个UI设计师需要考虑的。今天南京UI培训学码思科技的老师教大家三招，一起来学习一下。

一、画面的层次

1.使用点、线、面来分割画面

点、线、面是设计中非常基本的设计元素，学过平面构成的同学应该都有些了解，连点成线、连线成面、而面缩小到一定程度就是点。而面的边界就是线，线的宽度增加和点扩散到一定的面积也就成为面。

总结一下点线面的一些特点：

点：是非常有装饰性的元素，因此大多情况下在画面中起到装饰作用。

线：除了装饰作用外还起到对画面的分割、元素的穿插和对视觉引导的作用。

面：往往起到稳定画面和承载重要信息的作用。

需要注意的是，点线面是组合使用的，想想看没有面的衬托又怎么能显示出点和线的特征呢？

2.留白

留白是我们设计中很常用的手法，留白除了让画面整洁、干净和透气外，更是对“面”的更深刻的理解和使用。而现在用的非常广泛的极简设计就是在留白的处理上用的比较好的一种设计类型。

3.在摄影中找层次

现在的设计中，摄影图片的使用也是越来越多了，尤其是质量高的摄影作品往往能非常大限度的提高设计的品质。但是这是为什么大家想过吗？其中一个原因是摄影中也存在着层次。不仅看起来画面非常细腻丰富，而且也品质感十足。

但是如果图片层次少怎么办？我们可以使用文字来做为图案元素来增加画面层次。

二、色彩的层次

1.颜色的对比

使用对比色和反差大的颜色来设计也是增加层次感的一个常用方法，因为有非常强烈的颜色对比，画面的冲击力会非常强烈，给人们的视觉观感也会更加刺激。

黄蓝配色和红绿配色也是经常用到的经典配色，黄蓝配色多用饱和度比较高，这样显得年轻时尚有科技感，而另一个设计是红绿蓝的配色，饱和度较低，显得更加复古和深沉。

2.渐变色的流行

渐变色已经流行了几年，渐变色本身就具有层次丰富的特点，因此，使用渐变色加上合理的点线面元素的搭配会在具有冲击力的同时非常大限度的丰富画面的层次。

在我们日常的设计中渐变色的使用还是需要更加精心的选择颜色的色值，一般来说会选择同色渐变、邻近色渐变和对比色渐变。而渐变的颜色数量也不宜超过2种。2种以上的渐变色就需要非常强的控色能力来驾驭了。

渐变色的使用大多都出现在UI设计中，而随着UI设计的发展，web端的设计，无论是网页还是电商也有很多借鉴UI设计的设计方法和配色方法。

渐变色的配色是可以搭配使用的，但是这样使用有一个规则，就是互相搭配的几个渐变色的饱和度要基本一致，否则会出现颜色“花”的问题。

3.多种颜色搭配的控制

对于多颜色的设计我们要做的就是控制饱和度和明度，尽量使各个颜色的饱和度和明度保持协调的一致。无论是清淡的中国风，还是浓烈的欧美风，都会让画面丰富有层次的同时不会“乱掉”、“花掉”。

三、文字的层次

1.字体的对比

字体是我们设计中必须使用并且比较难的一个环节，但是正式这个让大家比较闹心的环节会使画面的层次变得异常丰富，即使在只有文字没有图案的时候，只要排版合理也可以得到惊人的效果。

不同的字体表达不同的意境和涵义，尤其是中文字体传承几千年每一个字都有特定的涵义。而西文主要是以衬线体和非衬线体的字形装饰的变化。时而粗犷，时而纤细。

2.文字的对比

这里的对比包括文字的字体、大小、粗细、颜色等等。为什么单单要挑对比来说呢？因为对比是非常能拉开并体现层次的方法。说一说对齐，对齐是使画面更加有秩序，看起来更合理且舒服。

综上来说，要想设计出具有层次感的作品，就要熟悉点线面的切割，色彩搭配，文字排版，并且注意比例、对齐等细节，做好这些，层次立现。

南京学码思UI培训学校为想要学习UI设计，提升知识储备和技能的人提供了广阔的平台，并且网站每日还会为大家推送UI教程和技能干货，满足大家的学习需要。