版式设计原理与应用

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