版式设计原理与应用

• 第一步，减少色彩的数量使照 片便于处理，以16、32、64 位为上限在Photoshop里，先 复制照片图层以防丢失，然后 选择滤镜>像素化>马赛克（ 左图）将单个的像素变大，则 色彩的数目就会变少。如果想 要具将颜色提取出来。顺序是由大块色（看到 最多的颜色）到小块色。
吹叶机创意广告
最强大的吹叶机。 够直白的广告，相信都看得懂！
Nikol纸巾创意广告
Nikol纸巾广告创意: 让人叹服的超强吸水性！
接下来。。。。。。
上点儿好菜
【创意】美食教你认国旗
澳大利亚 （鲜肉馅饼 ＋ 番茄沙司）
巴西 （香蕉叶+柠檬+菠萝+西番莲果）
法国 （蓝纹奶酪 + 乳酪 + 葡萄）
三原 色色轮的母色，它们是唯一
不能由其余颜色调成的色 彩。三原色围绕色轮平均 分布，两两呈120度。
间色
位于两原色的中部， 并且由与之相邻的 两个原色平均混合 得到
三级色
填满剩下的空格，它 们由与之相邻的原色 和间色平均混合得到
色彩明度
色彩也有明暗，为了展示明度，色环内外还存在更多的环； 外部较大的两个环由深色组成，内部较小的两个环由浅色组成。
热情
女模特发上的高光色主持 整个页面，蓝色调引起对 比，带来纵深感。版面上 一个特别的有趣之处就是 黄色的标题，它看起来就 像是照片上被挖空了一部 分。整版显得很平面，色 彩搭配热情而迷人。不过 ，唯有前卫的客户才会选 择它。
休闲
• 蓝绿色，偏绿系，是蓝色的近 似色，照片中并没有这个美丽 的颜色。它在版面中显得很特 别，并增添了活力和纵深感， 还使信息看起来很休闲。现在 比较流行这种平易近人的色调 。女模特在蓝背景下发蓝的眼 睛，在此处趋于发绿。标题字 体的浅橙色与背景形成柔和的 对比。
• 为形成对比，每块颜色都要从 像素中分别提取出深、中、浅 三色。
• 首先处理大块的色彩，随意一 瞥就可看到的颜色：模特的肤 色、发色以及衣服的颜色。
• 然后再处理小块色，如她的眼 睛、嘴唇、头发高光以及柔和 阴影的颜色。
这张照片分为亮部和暗部，虽然不明显，但请一定注意。 取样颜色时应逐步进行，完成一个部分再到另一个部分， 整理所得色彩，先依照色相（由浅到深）将单个颜色排列 好，去掉近似色，最后得到的规律会令你惊喜。
近似色/补色
• 基色与其近似色组合制造的协调感被其补色阻断。记住，两对比色 若明度相同，则趋于冲突；若明度不同，则相辅相成。这就是为什 么我们要提取同种颜色的深、中、浅三种色调。
6 编辑与应用
• 现在开始设计版面了。首先决定使用哪种色调。如何选择呢 ？ 关键是看内容，根据设计意图来权衡各种色调。
英国 （司康饼 + 奶油 + 果酱）
希腊 (黑橄榄 + 羊乳酪)
印度 （咖喱+大米饭+pappadum饼干）
印度尼西亚 （红辣椒咖喱 + 米饭）
西班牙 （西班牙辣香肠 + 米饭）
意大利 （罗勒 + 意大利面 + 西红柿）
日本 （金枪鱼刺身+米饭）
黎巴嫩 （亚美尼亚式面包 + 叙利亚沙拉 + 香草）
4 添加色彩 下一步就是添加更多的色彩。选择提取出的任一颜色并将 其在色轮上定位，因为色轮能展示出各种颜色间的关系
• 选择照片上的任一色彩，比如蓝色，然后再色轮上找到与它大致相同 的颜色。我们将此种颜色称为基色。大家知道，基色与照片已能互相 搭配，现在我们就要寻找其他可与基色协调的色彩。如果还要使用文 字或其他图形，需要同时添加深色和浅色，以便各元素形成对比。
洗手间的镜子变成潮人的墨镜
沙袋变成一支烟
创意涂料广告
创意性感火柴盒
哈雷摩托车创意广告
曾获戛纳广告节金狮奖的哈雷摩托车创意广告， 把哈雷拆成单个的零件拼成了 人像，寓意每个拥有者为哈雷机车注入了灵魂。虽然后来有很多大品牌都模仿了
他们的这种创意表现手法，但是终究无法超越。
挖掘机创意广告
这力量，一定很给力吧！
版式设计
原理与应用
平面设计基础知识
色轮
理解色彩搭配的必备工具
色轮
理解色彩搭配的必备工 具
色轮就是用于理解色彩间的关联的工具，也叫做色相环。
色轮是由可见光范围内的色彩组成的圆环。
它使用12种基本色来代表无限色谱， 就如同一盒12色蜡笔里的色彩
色彩的含义
色轮由12中基本颜色组成。首先是红、黄、蓝三原色；三原色两两混合得到 间色；间色再两两混合得到三级色。
当我们用色轮对其分析后,就很容易得到答案: A:单色搭配;B:补色搭配;C:三原色搭配;D:类比色搭配
接下来，看一个实际运用。
怎样寻找最佳色彩？
你所需要的色彩就隐藏在图片中，让我告 诉你如何把它找出来。
现在，我们要为某女子大学设计一张学术节目单
• 要求使用这张表情严肃，面部 充满雀斑的女模特的照片
• 需达到的设计目标是，既要向 人们传达出节目的严肃务实之 感，又不失其新鲜活力和个性
• 重点体现时尚感会更好，色彩 凌驾于各要素之上
1.放大图片 每张照片本身就具有色调。我们首先要找到这个色调并对 其进行整理。放大照片，你看到的颜色之多将会使你惊讶 无比。
• 以正常距离观察照片，我们只 看到几种颜色，皮肤的肉色， 头发的黄色，瞳孔和外套的蓝 色。一旦将其放大，无数的色 彩便出现了！
补色
• 色轮上位于同一条直线上的两 个颜色互为补色。
• 如右图中的蓝色和橙色。补色 形成对比，可表现出力量、气 势和活力。
• 通常补色使用于强调色，强调 色使用量比其补色少。例如， 在一片蓝色上使用一点橙色， 橙色就作为强调色。
分裂补色
• 如果组合中同时存在某种颜色 及其补色的近似色，则这种色 调就是分裂补色色调。
3 尝试使用各种颜色 将照片放在每种颜色上对比，结果令人满意，不是吗?有趣 的是，照这种方法搭配的效果总是不错，因为选用的这些色 彩本来就存在于照片中。
• 冷色 • 冷色系主要是蓝色，更擅长表现一种严肃务实
的感觉，使用于传达直截切题的信息。注意， 色彩的明度值越低，女模特的脸部显得越明亮 ，就好像她穿越页面，向你飞来。
3 尝试使用各种颜色 将照片放在每种颜色上对比，结果令人满意，不是吗?有 趣的是，照这种方法搭配的效果总是不错，因为选用的这 些色彩本来就存在于照片中。
• 暖色 • 一下四种属于暖色——粉红色、浅橙色、
深褐色、棕色，均提取自模特的发色。暖色 背景使得人物显得更柔和甜美，所以这种色 系适用于传递美容或者表达关爱的信息。
浅色和深色
深色就是在纯色里加入了黑色， 浅色就是在纯色里加入了白色
色彩关系
单色色调
同种颜色的深、中、浅组合，这就是单色色调，它虽然没有色相对比，却形 成了首先色是彩明度对比，在优秀平面设计中是很重要的因素。
近似色
• 相邻的颜色被称为近似色。如 右图的红色和黄色，类似色具 有很强的潜在关联性，能营造 出赏心悦目的和谐感
5 创建色调 现在我们根据基色，便可以创建出一个与版面协调的色调范 围。不同明度的色彩可混合搭配，比如，中蓝色可与蓝绿色 及深紫色搭配。
• 单色调
首先是基色的深、中、浅三色的组合，这被称为单色调。单色调没有 色相变化，却提供了深、浅的色彩明度对比，这在优秀的平面设计中 是很重要的因素。
近似色调
与基色紧紧相邻的颜色便是近似色。近似色间具有很强的潜在关联性， 如图中的蓝绿、蓝色和蓝紫色，营造出一种赏心悦目的协调感。近似色 色调类别丰富，运用起来也很简单。
精致
紫色也是蓝色的近似色 ，而蓝紫色也是照片里 没有的颜色。蓝紫色偏 红，使得整个图像显得 更漂亮，因为现在脸、 头发和背景看起来更相 似。通常来讲，蓝紫色 是一种温柔宁静，生机 勃勃的冷色（具有清新 的特性）
好了，这个例子就讲到这里了！接下来， 是我们分享创意的时间!
高端大气上档次的生活创意——绝了！
• 类似色之间柔和的美，加上互 补色间强烈的视觉冲击，使得 此种色调独具感染力。有图的 色调中，红色最为突出，因此 作为强调色。
原色色调
• 除了在儿童用品里，三原色一 般很少一起出现。不过，在美 国文化里，从快餐到石油的包 装，红黄搭配都十分流行。红 蓝搭配也很常见，不过，仅二 者被隔离开时，才显得美观。
补色
如图与基色相对的颜色便称为基色的补色，即橙色系。补 色形成对比。
分裂补色
近似色间柔和的美加上互补色间强烈的视觉冲击，使得此种色调独具感 染力。本例中，蓝色将最可能被用作强调色
补色/近似色
这种色调与分裂补色色调原理相同，但包含了更多的色彩。增加的色 彩使暖色之间的过渡更加柔和协调，并与冷色形成更鲜明的对比。 这是一种紧张而激烈的色调组合
韩国 （紫菜包饭＋番茄沙司）
越南 （红毛丹 + 荔枝 + 杨桃）
瑞士 （火腿 + 埃曼塔奶酪）
泰国 (甜辣椒酱 + 椰丝 + 蓝色梭子蟹
土耳其 （拌砂软糖）
美国 （热狗 + 番茄酱 + 芥末或奶酪）
如果我说这就是最后一张。。。。。 大家不会觉得少了点儿什么吗？
中国
下面有如下几种色调搭配，来表现不同的内容：
理性
大家都喜欢蓝色。有意思 的是，照片本身具有蓝色 和橙色，形成自然而完美 的对比。蓝色背景淡化了 人物的衣服，使女子凝视 的目光似乎穿越了页面。 整个版面美观而有条理
庄重
这种色调源于女模特头发 的颜色，并为强调红色 而选用了临近的黄色。 而在蓝色背景上显得后 退的人物眼睛和外衣在 红色背景却因对比而突 出。注意，红色在人物 头发上仅作为高光，当 填充了页面时却真正具 有了影响力。版面庄重 而热情，引人入胜。
间色色调
• 间色之间具有诸多共性，或皆 含红色，或皆含黄色，或皆含 蓝色，因此它们搭配起来十分 和谐。三间色相配，既显得柔 美动人，丰富多彩，又具有悦 目的纵深感和空间感