您的当前位置:首页 > 热点

画面太平?你学会对比原则了吗

重复、画面对比、太平对齐以及亲密性是对比版式设计中的四大原则,各种排版形式与规则都是原则基于这四大原则衍生而来,而掌握这些具有指导性的画面设计原则,能够帮助我们在短时间内,太平更快更好地达成设计目标。对比本期给大家讲解四大原则之 —— 对比原则。原则

什么是画面对比原则

「对比」强调事物之间的差异性,在设计时要避免页面上的太平视觉元素太过相似,如果元素之间是对比为了有所不同,那么加大反差,原则确保对比明显、画面页面清晰是太平很有必要的。在生活中我们可以随处发现对比的对比存在,对比形式也是多种多样的:

画面太平?你学会对比原则了吗

人们习惯了生活中的对比,如果画面没有对比,会让人觉得单调乏味。对比可以突出重点,使版面具有层次感,内容要点展示更有条理,对比关系越清晰,视觉效果越强烈。有了对比,画面才会生动活泼、主次分明。

对比的作用

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」键解锁全部对象,删除参考线。

画面太平?你学会对比原则了吗

把之前刻画好的文字信息排列在画面下方,严格按照对齐原则进行排列,主体图形与文字信息形成了方向对比和肌理对比,视觉效果也更丰富。

画面太平?你学会对比原则了吗

观察画面整体效果,发现宋体字与版面中的风格不统一,所以去掉字型对比,把所有文字统一修改为思源黑体;尝试把色彩对比也取消,版面视觉效果更简洁纯粹。设计完成:

画面太平?你学会对比原则了吗

案例演示二

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

画面太平?你学会对比原则了吗

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

画面太平?你学会对比原则了吗

加入英文丰富画面,排版方向改为纵向排列,这样增加了方向对比;给背景加入点状肌理,形成肌理对比。

画面太平?你学会对比原则了吗

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

画面太平?你学会对比原则了吗

总结

  • 对比可以突出重点,使版面具有层次感,内容要点展示更有条理,有了对比,画面才会生动活泼、主次分明;
  • 理论上元素的一切可改变特征都是可以形成对比,本期只举例了部分常用的文字编排对比形式;
  • 通常一个作品中不会只使用一种对比,而是多种对比方式组合使用。对比关系越清晰,视觉效果越强烈。但要根据版面内容选择合适的对比手法,强调对比时,要注意画面的和谐统一。
 
原文:艺海拾贝Design

画面太平?你学会对比原则了吗

最新评论
热点中国十大喜剧电影排名推荐 十大评分最高的国产喜剧电影
中国十大喜剧电影排名推荐,分别有《大话西游之大圣娶亲》、《我不是药神》、《大话西游之月光宝盒》、《让子弹飞》、《钢的琴》、《疯狂的石头》、《驴得水》、《甲方乙方》、《功夫》、《夏洛特烦恼》。喜剧系列在
热点3月22日《真武传》首测开启 百变坐骑任你选
《真武传》集国产网游多年的“PVE精髓”以及“无限热血PVP”于一身,首测激活码一经发放已遭哄抢,热爱网游的你绝不能错过!为了让玩家在首测中畅快体验《真
热点《天空之剑》4月3日创世首测 测试资格今日开始抢注
由雪羽网络独立自主研发的2D动作解谜网游《天空之剑》,今日正式宣布4月3日创世首测,测试资格抢注活动同时启动。玩家朋友可以登陆《天空之剑》官网,或者关注《天空之剑》官方微博申请首测资格,抢先成为《天空
热点“雌老虎”更胜男人帮 这个江湖有点坑
自从“山鸡哥”陈小春以经典古惑仔形象重现江湖,代言迅雷旗下首款社团战网游《修魔》,并出任游戏总堂主一职,热情高涨的玩家们便纷纷挽起袖子准备应召入会。不过最让小编好奇的是,这个雄
热点博山特产有哪些 博山有哪些特产
博山地属山东淄博,这里有着非常悠久的历史,更有着“中国鲁菜名城”的称号,那你知道博山有哪些特产吧?博山特产一:咂鱼汤咂鱼汤是山东博山的传统名吃,有着非常悠久的历史,其制作工艺非常简单,选用鲤鱼为主要原
热点炫丽技能效果 《精灵Q传》战斗畅快淋漓
作为一款恶搞卖萌的Q版武侠游戏,《精灵Q传》可以说已经把“萌”发挥的淋漓尽致,让玩家在有一点点可爱、还有一点点坏的场景和剧情里感受一番别有的滋味。但是仅仅“萌&rd
热点精彩揭秘 《神话2》最新资料片魔灵崛起3月16日开启
全息3D立体玄幻网游《神话2》3月16日14时即将开启全新资料片“魔灵崛起”,两组新服魔灵现世、 魔灵争锋也将同步启动。期待以久的精彩,即将着陆。全新故事极致画面、全新门派、美
热点1刑的乌鸦 电影版下载
1刑的乌鸦 电影版迅雷下载地址和剧情:◎译名映画 イチケイのカラス◎片名1刑的乌鸦 电影版◎年代2023◎产地日本◎类别剧情◎语言日语◎字幕中文字幕◎上映日期2023-01-13(日本)◎豆瓣评分6.
热点西北有哪些特色小吃 西北特产
西北的特色小吃有石头饼、羊肉泡馍、肉夹馍、面皮子、馓子、平凉饸饹面、锅盔、牛肉拉面、浆水面、尕面片、银川烩羊杂碎、羊肉焖饼、烤馕。1、羊肉泡馍羊肉泡馍是西安的传统特色美食,有着非常悠久的历史,相传起源
热点MAT“金牌联赛”山西站线下决赛即将打响
2013年《反恐行动》“金牌联赛”山西站线下比赛将在3月30日火爆开启,本次比赛除了2月份决赛以外,金山游戏华北办还举办了“观众娱乐赛”各种模式,大奖不
热点圣诞颂歌2022下载
圣诞颂歌2022迅雷下载地址和剧情:◎译名失控正义(台)/圣诞颂◎片名크리스마스 캐럴◎年代2022◎
热点《神鬼世界》辉煌两周年 庆典新版今日上线
《神鬼世界》辉煌两周年,礼遇馈英豪,今日中午12点,庆典新版全新上线!为庆贺两周年生日,《神鬼世界》两大双线庆典新服同步火爆开启,新人入驻畅享无忧升级体验,老友回归尽享豪华特权!更有神秘新版图、信仰新
热点迟些遇见吧,你刚好成熟我刚好温柔
01我记得除夕夜那天,手机一直被各种群发祝福消息轰炸,想专心陪陪家人就一直没有理会,直到夜深躺在床上,我才拿起被静音数小时的手机。在一条条翻看消息...01我记得除夕夜那天,手机一直被各种群发祝福消息
热点《枭雄传》幕后探秘 基友们的白色情人节
Shalalala~转眼便是白色情人节了哦!2.14送出去的求爱巧克力,经过漫长的一个月的等待,终于要在3.14这天得到对方明确的答复,相信玩家朋友们都是既紧张又期待吧哈。先不管能不能成功接收到恋爱的
热点《无限世界》三国史诗传奇副本揭秘 激活码今日首发
三国历史威震古今,如果真有机会回到三国,你最想扮演哪位三国英雄?3月28日,原创3D网游救赎之作《无限世界》将开启深度技术封测,化身历史名将,闯曹营、救后主,打造属于自己的三国史诗传奇,超级载具玩法助
反驳 支持