赞助商
立即赞助

画面太平?帮你学会经典的对比原则!

平面设计3年前 (2021)发布 流光
2.8K 0 0

重复、对、对齐及亲密性是版式设计中的四大则,各种排版形式规则都是基于这四大则衍生而来,而掌握这些有指导性的设计原则,能够帮我们短时间内,好达设目标。本给家讲解四原则之 —— 对比原则

 

什么是对比原则

「对比」强调事之间的差异性,设时避免页面的视觉元素太过相似,如果元素之间了所不同,那么加反差,确保对比明显、页面清晰很必的。活中我们可以随处发对比的存,对比形式也多种多样的:

画面太平?帮你学会经典的对比原则!

人们习惯了活中的对比,如果画面对比,会让人觉得单调乏。对比可以突出重点,使版面具层次感,内点展示条理,对比关系越清晰,视觉效果越强烈。了对比,画面会动活泼、主次分明。

对比的作用

1. 突出重点

恰当的对比以很的造出焦点(画面主),在版式编排中,有效用视差异,通构成要素之间的对比,把读者的注意力吸引到画面的主部分上来,提高版面的注目效果,是版式设计的重中之重。

画面太平?帮你学会经典的对比原则!

用鲜明的对比,以形成强有力的反差效果,能一时间让读者捕捉到主和重点。此案例主要采用彩对比,主人物和文字在版面中异常显眼,因为它相比周围的视元素产生很强的差异。

2. 富画面次

对比是版面建立有组织的次结构最有效的方法。强烈的对比以形成视落差,建立良的信息次,增强版面的节奏和明快感。

画面太平?帮你学会经典的对比原则!

3. 打破呆板、活泼生动

过比形可以避免版单调与平淡,使版更富趣味性,也使版更加鲜活、生动,生良好视觉体验,激发读者阅读和观看兴趣。

画面太平?帮你学会经典的对比原则!

用、大小和色形成比,使标题与正文层级更晰明了,时加入肌理比为主体打造立体感,让版更活泼,更抓眼球。

文字编排对比

理论上元素切可改变特征都是可以形成比,本期举例了部分常用文编排比形。

画面太平?帮你学会经典的对比原则!

1. 大小对

通过视觉元素体量之间的差异,来达到制视觉冲突的效果。视觉元素体量大小上形成了层级的划分,体量越大则层级越,就越突。

画面太平?帮你学会经典的对比原则!

在版面需要呈现的信息里一般会有标题、小标题、之分,会有重点信息和非重点信息。把重要的信息放大,次要信息缩小,就形成了大小对。这样做的好处是可减次要信息对重要信息的干扰,使之更容易被接收,大小对还使版面的层次更丰富。

2. 粗细对

粗的字体较沉重,细的字体较轻盈,字体粗细变形成了轻重对。体信息可较粗的字体,次要信息使较细的字体,利这种手法制视觉流线,引导受众阅读信息。

画面太平?帮你学会经典的对比原则!

上面的案例中,只使了思源黑体一种字体,但是采同的字体大小和粗细对,可很好的区分信息次层级。

3. 字对

如果版面里的信息较多,而只使一种字体的话,许会显得单调,字进行对,既把同的信息区别开来,丰富版面。

画面太平?帮你学会经典的对比原则!

同的字体有同的气质,而字的对就是同气质的碰撞。在进行字对的时候要深层次考虑:字的择是否和体容相匹配,字体的格形成多大反差等。

4. 色彩对

色彩对可有效地突重点、区分信息,还可起到画面的作。

画面太平?帮你学会经典的对比原则!

大面积的背景色与量的体色形成了很强烈的对效果,够第一时间把读者视觉引导到字信息和角上。

画面太平?帮你学会经典的对比原则!

明、饱和的色体字和低明、冷的黑色背景形成强烈反差,使版面充满,有效突了字信息。

5. 方向对

把版面中的字信息分别同的方向列,可有效增版面的感和空间感。

画面太平?帮你学会经典的对比原则!

6. 疏密对比

将大段的文字密集排版,可以让文字形成块状、视觉上更紧凑。剩下来的大面积可以用来展示画面主题,通过这的疏密变化不但可以形成好的阅读节奏,也能更化主题。

画面太平?帮你学会经典的对比原则!

7. 肌理对比

肌理指体表面的组织纹理结构,不同的质具不同的触感视觉体。文字或背景添加肌理,运用粗糙与细腻、质朴与华丽、厚重与轻薄对比,可以增添画面的丰富度表力。

画面太平?帮你学会经典的对比原则!

主体「叶」书法字手写的动感,本身就具质感,置入水墨的纹理一强调了效果。可以很好的区分文字信息的主次关系,也增加了画面的视觉感表力。

8. 动静对比

版式设中常把扩散感或具流动性的图形或文字的编排称「动」;把水平或垂直性强、具稳性的图形或文字的编排称「静」。「动」使整版面充满活力,获得高的注目度,「静」使版面具稳的效果,将两者相结合可以产一的空间层次感。

画面太平?帮你学会经典的对比原则!

电影海报《影》恣意狂的反白书法字作背景具强烈动感,主角的静形鲜明的对比,阴与刚柔并济,反映出浓浓的古典中式学。

画面太平?帮你学会经典的对比原则!

9. 空间对比

版式设计并不局一个平面上层,也可以让元素有些前后关系。文与形象叠压或前后落编排,使版出现层关系,让版更生动活泼。

画面太平?帮你学会经典的对比原则!

虚实比也可以造出空层,使用虚化背景来突出前景,不仅能突出信息,而能够较好造氛围感、场景感和立体感。

画面太平?帮你学会经典的对比原则!

使用远近比体现空关系,根据透视原理,近则大,远则小,可以造出近景、景、远景画层感。

画面太平?帮你学会经典的对比原则!

案例演示一

为了大深对「对原则」的解,取本期章的要容作为原始资,「对原则」进行设计示范。

画面太平?帮你学会经典的对比原则!

「亲密性原则」进行信息的分组和距离的调整;版时要遵循「对齐原则」;「对原则」进行信息层级次的划分,入字大小、粗细对;「重复原则」把同一级别的字设置为相同的字样式,增条性,强统一性。

画面太平?帮你学会经典的对比原则!

为了使对更丰富,可入字和色彩对,强层级系,使重点容强调突。

画面太平?帮你学会经典的对比原则!

现在画面字信息已经清晰而有序地列好,但是缺体。把标题容「对原则」作为体元素的进行设计。

1. 打开AI软件,画出个正形;

2. 执行「效果-3D-凸出和斜角」。勾选「预览」,「位置」使用「等角-左方」,「凸出厚度」以自己整使正方形变为正方。

画面太平?帮你学会经典的对比原则!

画面太平?帮你学会经典的对比原则!

6. 分四个执「效-3D-凸出和」,把「位」改为「等-上」,厚度改为 0:

画面太平?帮你学会经典的对比原则!

7. 把文填充色改为白色,描边改为背景色绿色,按照参考线去摆放文位,把「原则」两逆时针旋转 90 度放;

画面太平?帮你学会经典的对比原则!

8. 选择四个,右键选择「编组」,复制两组新文,组备用,组放到下。

画面太平?帮你学会经典的对比原则!

9. 选择上文组,右键「排列-于顶层」;

在工具栏选择「混合工具」,分别点击两个文字组,双击「混合工具」出「混合选项」,间距选择「指定的步数」、「30」;

画面太平?帮你学会经典的对比原则!

10. 把之前复出来备用的文字组填充绿,右键选择「排列-置顶」,移动到原文字组位置;

画面太平?帮你学会经典的对比原则!

11. 英文按照同样的方法设计放在下方,主就刻画;

12. 按「Ctrl+Alt+2」键解锁全部对象,删除参考线。

画面太平?帮你学会经典的对比原则!

把之刻画好的文字信息排列画面下方,严格按照对齐原则行排列,主体图形与文字信息形了方向对比肌理对比,视觉效果也丰富。

画面太平?帮你学会经典的对比原则!

观察画面整体效果,发宋体字与版面中的风格不统一,所以去掉字型对比,把所文字统一修改思源黑体;试把色彩对比也取消,版面视觉效果简洁纯粹。设完:

画面太平?帮你学会经典的对比原则!

案例演示二

重新尝试使用其它对比手法设计新方案。把「对比原则」四字放大并错落地放置在版面中,形成位置上的对比。

画面太平?帮你学会经典的对比原则!

把之前刻画的文字信息放置在画面中,整文字排版采取两端对齐的形式,但在局部采用左对齐和右对齐形式,形成排版方向上的对比。

画面太平?帮你学会经典的对比原则!

加英文富画面,排版方向改为纵向排列,样增加方向对比;给背加点状肌理,形成肌理对比。

画面太平?帮你学会经典的对比原则!

为使对比效果更富,把「对比原则」四字执行「效果-模糊-径向模糊」,形成动静对比和空间对比,设计完成:

画面太平?帮你学会经典的对比原则!

总结

  • 对比可以突出重点,使版面有层次,内容要点展示更有条理,有了对比,画面才会生动活泼、主次;
  • 论上元素的一切可改变特征都是可形成对,本期只举例了分的字编对形式;
  • 常个作品不会使用比,而是多比组合使用。比关系越晰,视觉效越强烈。要根据版内容选择合适比手法,强调比时,要注意画和谐统。

练习素材与源件和PDF课件载链接:https://pan.baidu.com/s/1g2fiPL3TWATxCasW6G28eQ取码:5f7t

备用下载链接:https://share.weiyun.com/5997MyR

欢迎关注者微信众号:「艺拾贝Design」

画面太平?帮你学会经典的对比原则!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@做设计的面条 :新一期的《拍一张照片,就能设计成一幅海报》系列文章又来咯。每一期我都会分享 5 张我平时用手机随手拍的照...
做设计的面条
下面俩啤酒海报,哪个感觉更廉价? 这还用说嘛,当然是B了,因为有帅哥呀~(跟大猫一样帅!) 正经点!好吧,因为B出现了...
平面设计
过去几十年间,工业设计大师 Dieter Rams 为博朗 Braun 和 Vitsoe 设计的许多经典产品,深深的影响了包含 Apple、Sony 等在内...
Apple
“满版构图”是将图片、文案和设计元素等充满整个版面,营造出丰富的画面效果,具有极强的代入感以及视觉感受,传递的情感也更...
平面构图
@研习设K先生 :其实无论是色彩学还是配色方法,最本质的东西就那些,更多的还是需要设计师在日后的工作中不断的摸索和积累。...
十字形配色法
简介说明 1. 理论表述 为了更方便地理解这个世界,人类会将接受到的大量信息进行过滤和简化。 2. 理论背景 简洁法则是所有...
简洁法则
不知道大家有没有遇到过这种情况?当你在面对一个空白版面的时候,脑子里面也是一片空白,这说明你缺乏构图意识。其实我们在...
平面
@孔雅轩LineVision :一篇较为系统与全面的版式讲解,从规范化的布局形式到平面构成在用户界面设计中的应用与体现。 ...
版式布局