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