
对比不是 “随便制造差异”,而是有明确的类型和应用场景。以下五种对比类型,是品牌设计中最常用、最有效的方法,无论是做海报设计、界面、包装设计、LOGO设计、VI设计还是画册设计,都能直接套用。下面ZONA卓纳来聊一聊这五种核心对比类型:
一. 大小对比:用 “尺寸差异” 建立主次
大小对比是最直观、最容易操作的对比方式,核心是通过 “元素尺寸的不同”,明确信息的 “重要程度”—— 尺寸越大,视觉权重越高,越容易被关注。
适用场景:
a.海报设计时标题与正文的区分(标题大、正文小);
b. APP 界面中功能按钮的层级(核心按钮大、次要按钮小);
c.画册设计中章节标题与内容的区分(章节标题大、内容文字小)。
设计技巧:
a.核心信息的尺寸,至少是次要信息的 1.5 倍以上(如标题 24 号,正文 14 号),确保差异足够明显,避免 “模糊不清”;
b.同一画面中,尺寸层级不宜过多(建议不超过 3 级:大、中、小),否则会显得杂乱。比如海报中,只需要 “标题(大)、副标题(中)、正文(小)” 三级,足够梳理信息;
c.大小对比可以结合 “位置” 强化效果:把大尺寸的核心元素放在 “视觉中心”(如海报中间、APP 顶部),小尺寸的次要元素放在 “边缘区域”,让主次更清晰。
案例:某咖啡品牌的海报设计
a.核心信息 “买一送一” 用 “36 号粗体”,放在海报顶部中央(视觉焦点);
b.次要信息 “活动时间:10.1-10.7” 用 “20 号常规体”,放在核心信息下方;
c.辅助信息 “仅限线下门店” 用 “14 号细体”,放在海报底部角落;
d.三个层级的尺寸差异明显,受众一眼就能抓住 “买一送一” 的核心,再依次了解时间和限制,信息逻辑清晰。
二. 色彩对比:用 “颜色差异” 吸引视线与传递情绪
色彩对比是最有 “感染力” 的对比方式,通过 “颜色的色相、饱和度、明度差异”,既能吸引视线,又能传递情绪,是设计的 “点睛之笔”。
适用场景:
a.突出重点文字(如正文中的关键词用红色,其他用黑色);
b.区分不同模块(如 APP 中 “待办” 模块用蓝色,“已完成” 模块用绿色);
c.传递品牌情绪(如儿童产品用高饱和的彩色对比,老年产品用低饱和的柔和对比)。
设计技巧:
a.突出重点时,用 “高饱和色” 对比 “低饱和色”(如关键词用红色,正文用灰色),比 “同饱和色的不同色相”(如关键词用红色,正文用蓝色)更柔和,不刺眼;
b.区分模块时,用 “色相差异”(如蓝色 vs 绿色),但保持 “饱和度、明度一致”(如都是低饱和、中明度),避免模块间 “抢风头”;
c.避免 “过多高饱和色对比”(同一画面不超过 2 种高饱和色),否则会显得杂乱、廉价,比如一张海报设计同时用红、黄、蓝三种高饱和色,会让受众视线混乱,抓不住重点。
案例:某读书 APP 的 “书单推荐” 界面
a.核心模块 “本周推荐书单” 用 “低饱和蓝” 背景,文字用 “白色”(蓝白对比,柔和且突出);
b.次要模块 “我的书架” 用 “低饱和绿” 背景,文字用 “白色”(与推荐模块的蓝色形成色相差异,区分清晰);
c.重点书名用 “高饱和蓝”(与推荐模块的背景色呼应,又比其他文字突出),其他文字用 “浅灰色”;
d.整个界面色彩对比柔和,模块区分清晰,没有刺眼的高饱和色,符合 “阅读” 的平静氛围。
三. 粗细对比:用 “字体重量” 强化层级与质感
粗细对比主要针对 “文字元素”,通过 “字体粗细的差异”(如粗体 vs 细体、黑体 vs 宋体),强化文字的层级,同时传递不同的 “质感”—— 粗体显得厚重、有力,细体显得轻盈、优雅。
适用场景:
a.标题与正文的字体区分(标题用粗体,正文用常规体);
b.正文中关键词的突出(关键词用粗体,其他用常规体);
c.传递品牌质感(如高端品牌用细体,运动品牌用粗体)。
设计技巧:
a.同一字体家族内的粗细对比更协调(如都用 “思源黑体”,标题用 “黑体”,正文用 “常规体”),避免不同字体的粗细混搭(如标题用 “黑体”,正文用 “宋体”),容易显得杂乱;
b.粗体的 “视觉重量” 比细体重,适合做核心信息(如标题、关键词);细体适合做辅助信息(如说明文字、备注),避免用细体做标题,会显得 “没力量”;
c.粗细对比可以结合 “颜色” 强化效果:粗体关键词用 “品牌主色”,细体辅助文字用 “浅灰色”,让层级更清晰。
案例:某高端手表品牌的宣传画册设计
a.章节标题 “经典系列” 用 “20 号思源黑体(粗体)”,颜色用 “深灰色”(厚重、有质感);
b.产品描述文字用 “14 号思源黑体(常规体)”,颜色用 “中灰色”(轻盈、易阅读);
c.产品亮点关键词(如 “瑞士机芯”“防水 50 米”)用 “14 号思源黑体(粗体)”,颜色用 “品牌金色”(突出重点,与品牌质感呼应);
d.整个画册设计的文字粗细对比协调,没有突兀的字体变化,传递出 “高端、精致” 的品牌气质。
四. 疏密对比:用 “元素间距” 制造节奏与呼吸感
疏密对比是通过 “元素间距的差异”(如紧密排列 vs 松散排列),制造画面的 “节奏”—— 密的区域显得紧凑、有张力,疏的区域显得宽松、有呼吸感,两者结合让画面更有 “节奏感”,不呆板。
适用场景:
a.文字排版(如标题紧密排列,正文松散排列);
b.图形组合(如核心图形紧密排列,辅助图形松散排列);
c.界面模块(如功能密集的模块紧密排列,空白区域松散排列)。
设计技巧:
a.核心信息区域 “密”,辅助区域 “疏”:比如海报中,标题和产品图的区域紧密排列(元素多、间距小),边缘的辅助文字(如品牌LOGO设计、活动规则、VI设计)松散排列(元素少、间距大),让画面有 “重心”;
b.避免 “全密” 或 “全疏”:全密的画面会让人觉得 “拥挤、压抑”(如文字密密麻麻堆在一起),全疏的画面会让人觉得 “空洞、松散”(如元素都分散在角落),只有疏密结合才会有节奏;
c.文字排版的疏密:标题的字间距可以 “紧凑”(让标题更整体),正文的行距要 “宽松”(如行距是字号的 1.5 倍),确保阅读舒适,避免 “密不透风”。
案例:某文艺杂志画册设计的内页排版
a.文章标题 “秋日书单” 用 “22 号粗体”,字间距缩小(紧密排列,形成视觉焦点);
b.正文文字用 “12 号常规体”,行距设为 18 号(松散排列,阅读舒适);
c.页面右侧放 “推荐书籍封面”,3 本封面紧密排列(形成图形密集区);
d.页面底部留 “大面积空白”(松散区域),只放一行 “下期预告” 的小字;
e整个页面有密有疏,节奏分明,既不拥挤也不空洞,符合 “文艺杂志” 的阅读氛围。
五. 虚实对比:用 “清晰度差异” 引导视线与营造层次
虚实对比是通过 “元素清晰度的差异”(如实线 vs 虚线、清晰图形 vs 模糊背景),让画面产生 “前后层次”—— 实的元素显得 “靠前”,虚的元素显得 “靠后”,引导受众的视线先看 “实” 的核心,再看 “虚” 的辅助。
适用场景:
a.海报设计的背景与主体(主体清晰,背景模糊);
b.界面的前景与后景(前景按钮清晰,后景图片模糊);
c.图形的轮廓与填充(轮廓实,填充虚,或反之)。
设计技巧:
a.核心元素 “实”,辅助元素 “虚”:比如海报中,产品主体用 “清晰的实色”,背景用 “模糊的渐变色”,让产品 “靠前”,成为视觉焦点;
b.虚实对比可以用 “透明度” 控制:辅助元素的透明度设为 50%-70%(虚),核心元素的透明度设为 100%(实),比 “模糊效果” 更自然,适合文字或简单图形;
c.避免 “虚实颠倒”:不要让辅助元素 “实”,核心元素 “虚”(如背景清晰,产品模糊),否则会让受众的视线聚焦到背景上,忽略核心信息,本末倒置。
案例:某美妆品牌的产品海报设计
a.核心元素 “口红产品” 用 “高清实色图”,边缘清晰,颜色饱和(实,靠前);
b.背景用 “模糊的粉色渐变”,叠加轻微的 “唇印纹理”(虚,靠后);
c.产品名称 “丝绒哑光口红” 用 “清晰的白色粗体”(实,与产品呼应);
d.辅助文字 “持久不沾杯” 用 “半透明的白色细体”(虚,辅助说明);
e.整个海报虚实分明,产品成为绝对焦点,背景既不抢戏,又能营造 “柔和、精致” 的氛围,符合美妆产品的定位。
400 808 5638
0755-8299 5638
0755-8299 5998