层次感是什么?
把画面中的各个元素合理的、清晰的、有节奏的组合在一起,使整个画面看起来更加的舒适、愉悦和协调。是不是感觉很深奥?好吧,换句简单的话来说就是——不多、不少,看起来舒服正好!
这篇文章分为3个章节,而每个章节都有若干细分的知识点,各位看官请仔细看哦!
初步理解,先来看看文章大纲:
一、画面的层次
使用点、线、面来分割画面
留白
在摄影中找层次
二、色彩的层次
颜色的对比
渐变色的流行
多种颜色搭配的控制
三、文字的层次
字体的对比
文字的对比
一、画面的层次
1使用点、线、面来分割画面
点、线、面是设计中最基本的设计元素,学过平面构成的同学应该都有些了解,连点成线、连线成面、而面缩小到一定程度就是点。而面的边界就是线,线的宽度增加和点扩散到一定的面积也就成为面。
上面的这几句话看起来比较复杂,其实仔细想想这就是世界里一切元素的原理甚至是宇宙星空。我们下面来举个例子。
上图就基本可以把点、线、面的所有变化全部概括。下面我们来分析一下。
红圈里的十字元素可以看作为“点”做为整体画面中的装饰元素出现。要注意的是所谓的“点”并不只是圆形的哦。任何在画面中尺寸和面积相对最小的元素都可以看做成“点”。而画面中的小圆点既可以看做“点”,也可以看作“面”。所以连点成面也是没错的。
**圈里的线大家认为是什么?我认为它并不是线而是点。为什么呢?因为无论从它在画面中的占比还是所起到的作用来看,它都属于点的属性。而线在那?在绿色块和红色块的交界处。还有色块的边界处。而这正说明了“线”的一个重要的用途——分割。画面中的“线”把整个画面分割成了4个大小不一的区域,这种分割让画面更加有趣味性也更加有层次感。
而线分割出来的4个区域也就是元素“面”。
这个图例不仅说明了点线面的几个重要的特征,也证明了点线面并不会因为它的形状而固定的,而是会不断变化的。
最后总结一下点线面的一些特点:
点:是最有装饰性的元素,因此大多情况下在画面中起到装饰作用。
线:除了装饰作用外还起到对画面的分割、元素的穿插和对视觉引导的作用。
面:往往起到稳定画面和承载重要信息的作用。
另外要注意的是:点线面是组合使用的,想想看没有面的衬托又怎么能显示出点和线的特征呢?
通过这些设计案例我们可以分析并总结出,有效的利用点线面的组合可设计出层次丰富的作品。而我们要如何做呢?——置换临摹。借鉴好的设计作品的点线面的构成元素再加以利用和创新。
2留白
留白是设计中很常用的手法,留白除了让画面整洁、干净和透气外,更是对“面”的更深刻的理解和使用,而现在用的非常广泛的极简设计就是在留白的处理上用的比较好的一种设计类型。
我们这里再说一下留白对层次的影响,先看几个设计案例。
上面的几个设计作品的共同特点就是有大量的设计留白,并且在留白的同时对画面的层次进行了处理,例如留白与主图之间的大小对比,标题与补充性文字直接的对比。
我把上面的图做了个处理,分成背景层,留白层,主体模特层,标题文案层和功能文案层。从这里我们就能看出这幅设计的层次是如何设计的了。大家也不妨把自己喜欢的设计这样分层解构,来研究一下设计的层次。
3在摄影中找层次
现在的设计中,摄影的使用也是越来越多了,尤其是质量高的摄影作品往往能最大限度的提高设计的品质。但是这是为什么大家想过吗?其中一个原因是摄影中也存在着层次。
这个装B耳机大家熟悉吧,这就是用摄影的方式来做的,并且其中近景,中景,远景三个层次全都有。不仅看起来画面非常细腻丰富,而且也品质感十足。
但是如果层次少怎么办?很简单,我们可以使用文字来做为图案元素来增加画面层次。
二、色彩的层次
1颜色的对比
使用对比色和反差大的颜色来设计也是增加层次感的一个常用方法,因为有非常强烈的颜色对比,画面的冲击力会非常强烈,给人们的视觉观感也会更加刺激。
黑黄对比是非常经典配色方案,虽然只有两个颜色,但是通过画面中的文案和的组合也会显得非常丰富,在这种极简的配色中更加需要对点线面的合理运用否则会显得有些单调。
从上面的设计来看,设计师在用黑黄配色的时候又用了**的对比色——蓝色,这样既可以让画面的颜色更加丰富不会单调,又会让画面中的一些重要元素凸显出来,起到强调作用。
黄蓝配色和红绿配色也是经常用到的经典配色,上面两个案例可以看到,黄蓝配色多用饱和度比较高,这样显得年轻时尚有科技感,而另一个设计是红绿蓝的配色,饱和度较低,显得更加复古和深沉。
2渐变色的流行
渐变色已经流行了几年,今年淘宝的手机app也是以渐变色来设计的,可见渐变色的使用范围也是越来越大了。而渐变色本身就具有层次丰富的特点,因此,使用渐变色加上合理的点线面元素的搭配会在具有冲击力的同时最大限度的丰富画面的层次。
在我们日常的设计中渐变色的使用还是需要更加精心的选择颜色的色值,一般来说会选择同色渐变、邻近色渐变和对比色渐变。而渐变的颜色数量也不宜超过2种。2种以上的渐变色就需要非常强的控色能力来驾驭了。(我这里说的是在同一渐变色里的2种以上的颜色哦)
渐变色的使用大多都出现在UI设计中,而随着UI设计的发展,web端的设计,无论是网页还是电商也有很多借鉴UI设计的设计方法和配色方法。
渐变色的配色是可以搭配使用的,例如上图,都属于同色渐变,但是这样使用有一个规则,就是互相搭配的几个渐变色的饱和度要基本一致,否则会出现颜色“花”的问题。
3多种颜色搭配的控制
对于多颜色的设计我们要做的就是控制饱和度和明度,尽量使各个颜色的饱和度和明度保持协调的一致。无论是清淡的中国风,还是浓烈的欧美风,都会让画面丰富有层次的同时不会“乱掉”、“花掉”。
我们可以看到,上面的几个图例里的颜色非常多,但是为什么我们会感觉非常丰富而又有层次呢?没错,就是饱和度和明度的控制到位。
三、文字的层次
1字体的对比
字体是我们设计中必须使用并且比较难的一个环节,但是正式这个让大家比较闹心的环节会使画面的层次变得异常丰富,即使在只有文字没有图案的时候,只要排版合理也可以得到惊人的效果。
不同的字体表达不同的意境和涵义,尤其是中文字体传承几千年每一个字都有特定的涵义。而西文主要是以衬线体和非衬线体的字形装饰的变化。时而粗犷,时而纤细。
2文字的对比
这里的对比包括文字的字体、大小、粗细、颜色等等。为什么单单要挑对比来说呢?因为对比是最能拉开并体现层次的方法,我们逐个来说。
我来那这个作品来分析解构一下,30%是文字里面积最大的,也同样是画面元素里占比最大的,通过DISCOUNT VOUCHER的解释说明这是折扣信息,而这个解释也是画面里第二大占比的文字。然后就是下面的时间、地址、电话等信息,使用最小号的文字。通过这三种文字大小来把层次拉开,并且一下就得到3个层次,在加上最后面的花纹背景、白色背景和金色蝴蝶结总共是6个层次。另外为了统一画面,文字的字体都采用了衬线体。
上面的这两个海报也是同样的道理,大家可以解读一下。
字体的颜色,上面两个aranya的海报是个系列,分别把主题文字aranya的颜色换成绿色和蓝色,一方面可以增加文案的层次感,另一方面可以与视觉主体的颜色统一。下面是一些设计的案例大家可以试着分析一下。
最后说一说对齐,对齐是使画面更加有秩序,看起来更合理且舒服。我们用上面这个海报来分析一下。
看这些蓝色的线,就是这幅海报的对齐方式。
总结
其实层次是在综合的运用了点线面的分割,色彩的搭配和文字的排版而形成的,并且在大小比例,颜色选择,对齐等这些细节上精益求精,层次自然立现。
广告的制作方法如下:
手机:华为 P40。
系统:EMUI 1010。
工具:稿定设计 4211。
第一步:打开稿定设计app,在主页中点击“新建画布”,选择画布尺寸之后进行创作。
第二步:使用编辑页面的工具进行作图。稿定设计有提供基础的作图工具,以及各种精美模板。
1、可挑选背景,多种风格自由选择。
2、从手机中导入广告主图,用户可对进行裁剪、抠图等一系列操作。
3、接着加入广告文案,稿定设计有提供多种字体样式,用户可以任意选择。
4、使用圈点工具对广告图进行标记,让内容更加丰富。
5、还可以添加贴纸进行装饰,让广告图更具吸引力。稿定设计专门划分了不同类别的贴纸素材,让用户可以更快的找到想要的贴纸。
第三步:当所有操作完成之后,点击保存就能将做好的广告图导出到手机上了。
一、文案
我们在制作企业logo设计时,首先要考虑的是文案,因为它包含着我们需要展现给用户的最重要的信息。再进行整体设计时,应该对文案的部分有整体的把握:
1我们先要确定文案要写什么内容,再用简短的话概括详细的内容,精简文案,让用户捕捉到有用信息。
2其次,我们需要确定文案的优先级,要知道哪个是先要做的,然后做什么。明确主、副标题及内容的关系,区别性对待,可以根据字体的大小、粗细对比进行关系强调。
3接下来,我们就需要根据文案所确定的结构,来对内容文案进行块状组合,可以增强结构性,在阅读时用户的习惯是从上到下、从左到右,在对文案进行排版时可以遵循这一规则,使用左对齐与居中对齐是最保险的选择。
4最后,最关键的一步就是根据背景确定文案的位置。
二、
在进行企业logo设计,可以分为这两种:
企业logo设计中一个是内容,就要依据企业logo设计进行的内容填充与装饰。企业logo设计中另一个是背景。在企业logo设计过程中,背景的选择是根据设计主题而定,如果你没有高质量的素材,会事倍功半,分享几个可免费商用的高质量网站,让你一次选到切合主题的背景。
三、文案与的关系
我们在制作企业logo设计时,如果要把文案与完美相结合,除了大的结构问题,也需要细节的丰富和完善,处理图文关系时,可以从这几个方面入手:
1可以强化文案与之间的对比,增强可读性。
2可以弱化文案与之间的背景。
3增加文案与之间的标签式设计。
关于企业logo设计需注意哪些要素,环球青藤小编今天就和您暂时分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣,希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容,可以点击本站的其他文章进行学习。
欢迎分享,转载请注明来源:浪漫分享网
评论列表(0条)