长沙天琥设计培训学校 培训资讯

平面作品太单调,三招提升设计层次感!

来源:长沙天琥设计培训学校  时间:2018-09-29 16:57:09

画面中的各个元素合理的、清晰的、有节奏的组合在一起,使整个画面看起来更加的舒适、愉悦和协调。其实层次是在综合运用了点线面的分割,色彩的搭配和文字的排版而形成的,并且在大小比例,颜色选择,对齐等这些细节上精益求精,层次自然立现。

  在我们做设计的时候,很多同学可能都会遇到一种情况,客户或需求方看完设计稿后一边摸着下巴一边说:“我总感觉少了点什么…… 你再改改。” 或者说:“太平了”、“有点单调” 其实这些都是缺乏层次的表现。

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

  长沙天琥设计培训学校的这篇文章分为3个章节,而每个章节都有若干细分的知识点,各位看官请仔细看哦!

  一.  画面的层次

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

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

  我们下面来举个例子。

长沙天琥设计培训学校


  上图就基本可以把点、线、面的所有变化全部概括。下面我们来分析一下。

长沙天琥设计培训学校


  红圈里的十字元素可以看作为“点”做为整体画面中的装饰元素出现。要注意的是所谓的“点”并不只是圆形的哦。任何在画面中尺寸和面积相对较小的元素都可以看做成“点”。而画面中的小圆点既可以看做“点”,也可以看作“面”。所以连点成面也是没错的。

  较后总结一下点线面的一些特点:

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

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

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

  另外要注意的是:点线面是组合使用的,想想看没有面的衬托又怎么能显示出点和线的特征呢?

  经过这些设计案例我们可以分析并总结出,有效的利用点线面的组合可设计出层次丰富的作品。而我们要如何做呢?——置换临摹。借鉴好的设计作品的点线面的构成元素再加以利用和创新。

  2. 留白

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

  3. 在摄影中找层次

  现在的设计中,摄影图片的使用也是越来越多了,尤其是质量高的摄影作品往往能较大限度的提高设计的品质。但是这是为什么大家想过吗?其中一个原因是摄影中也存在着层次。

  如果图片层次少怎么办?很简单,我们可以使用文字来做为图案元素来增加画面层次。

  二. 色彩的层次

  1. 颜色的对比

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

  黑黄对比是非常经典配色方案,虽然只有两个颜色,但是经过画面中的文案和图片的组合也会显得非常丰富,在这种极简的配色中更加需要对点线面的合理运用,否则会显得有些单调。

  2. 渐变色的流行

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

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

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

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

  3. 多种颜色搭配的控制

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

  三. 文字的层次

  1. 字体的对比

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

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

  2. 文字的对比

  这里的对比包括文字的字体、大小、粗细、颜色等等。为什么单单要挑对比来说呢?因为对比是较能拉开并体现层次的方法,我们逐个来说。

  字体的颜色,上面两个aranya的海报是个系列,分别把主题文字aranya的颜色换成绿色和蓝色,一方面可以增加文案的层次感,另一方面可以与视觉主体的颜色统一。下面的案例大家可以试着分析一下。

  较后说一说对齐,对齐是使画面更加有秩序,看起来更合理且舒服。

  更多设计资讯,培训课程,开班时间,学校地址等学校信息,请进入长沙天琥设计培训学校http://cstianhu.5zix.com/网站详细了解,咨询电话:18670081751,咨询QQ:1434119060

尊重原创文章,转载请注明出处与链接:http://cstianhu.5zix.com/news/38489/ 违者必究! 以上就是长沙天琥设计培训学校 小编为您整理平面作品太单调,三招提升设计层次感!的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

长沙UI设计实战培训班

长沙UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

长沙网页设计精英培训班

长沙网页设计精英培训班

快速掌握网页设计三大核心:1.熟练运用P

咨询 报名

长沙电商设计运营培训班

长沙电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

长沙室内空间创意培训班

长沙室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

长沙平面视觉创意培训班

长沙平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名