版式设计原理与应用.ppt

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