重复、对、对齐及亲密性是版式设计中的四大则,各种排版形式规则都是基于这四大则衍生而来,而掌握这些有指导性的设计原则,能够帮我们短时间内,好达设目标。本给家讲解四原则之 —— 对比原则。
「对比」强调事之间的差异性,设时避免页面的视觉元素太过相似,如果元素之间了所不同,那么加反差,确保对比明显、页面清晰很必的。活中我们可以随处发对比的存,对比形式也多种多样的:
人们习惯了活中的对比,如果画面对比,会让人觉得单调乏。对比可以突出重点,使版面具层次感,内点展示条理,对比关系越清晰,视觉效果越强烈。了对比,画面会动活泼、主次分明。
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」