怎样让你的设计更有层次

怎样让你的设计更有层次

什么是层次感?

把画面中的各个元素合理的、清晰的、有节奏的组合在一起,使整个画面看起来更加的舒适、愉悦和协调 。是不是感觉很深奥?好吧,换句简单的话来说就是——不多、不少,看起来舒服正好!

一、画面的层次

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

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

点线面的一些特点:

点:是最有装饰性的元素,因此大多情况下在画面中起到装饰作用 。

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

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

2.留白

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

二、色彩的层次

1.颜色的对比

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

2.渐变色的流行

渐变色已经流行了几年 , 今年淘宝的手机app也是以渐变色来设计的 , 可见渐变色的使用范围也是越来越大了 。而渐变色本身就具有层次丰富的特点,因此,使用渐变色加上合理的点线面元素的搭配会在具有冲击力的同时最大限度的丰富画面的层次 。

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

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

三、文字的层次

1.字体的对比

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

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

2.文字的对比

这里的对比包括文字的字体、大小、粗细、颜色等等 。

总结

其实层次是在综合的运用了点线面的分割,色彩的搭配和文字的排版而形成的,并且在大小比例,颜色选择,对齐等这些细节上精益求精,层次自然立现 。


【怎样让你的设计更有层次】

经验总结扩展阅读