视觉设计:色调与色彩理论与案例分析
关键词： 色彩 色调 视觉 理论 设计
当文字结合形成文章、经过之体、排版比例、尺寸、精细以及字间与行间的留白等决定之后，版面整体的色调明暗度，才能做最后修饰。然而想要调配出完美色调，你不必太迁就文案的内容，只需要将它当作纯粹调色的配置，仔细地观察。
均匀的色调必须靠字型、尺寸、字体粗细的巧妙搭配，才会有完美的演出。就像是报纸的内文、杂志和报章刊物，时常改变文字色调明暗度，那是因为要强调段落分明、引证及标题，引起人们对其内容的兴趣，并且时常变换阅读的步调。
如果单就字体粗细上的改变，将会造成最强烈的对比，从极粗到细字，会形成退后和前进的错觉。收集各种不同杂志和报纸的内文色及色调，将它们拼奏在一起，并拍成照片，然后从中观摩它们在印刷效果的运用。充份运用印刷的形式与效果，可以给观者强烈的视觉兴趣!
不论何种设计，首要任务都是吸引视觉的注意力，色彩在这方面有着卓越显著的效果。
OxrZIH9u.jpg (36.74 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:41
对比色色彩组合会比同色系色彩组合更容易吸引注意力，但也可能使受众厌烦，艳丽的色彩通常会引起眼睛的疲劳。
Ca1MdLL9.jpg (22.21 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:41
色调差异俞大，愈容易维持受众的注意力，反之则否。而红色字黑底这种色彩上的对比，假如字够大，线条够粗的话，亦能在相当距离外阅读。
Rb7MPkNK.jpg (24.53 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:41
色彩的面积与明亮度所造成的重量感。
对设计而言，色彩有四种功用理由如下：
一、视觉吸引力
设计作品必须在短暂的时间中吸引观者的视觉注意力，虽然人类的视野很宽，但视力范围却很窄。而视觉经验则建立在无数次眼球运动上，以每秒四至五次的转动速率改变视觉焦点。虽然在视野中，我们或多或少可感觉到色彩，但仅在凝视区的中央，我们才会清楚看见一个字，或一个符号。
就结果而言，色彩的效果也是显而易见的。实验显示，在一大型展示中，首先映入眼中的是色彩，其次是图案的运用，或者是混合使用，色彩能立即吸引注意，且较图形、文字、型态更具功效，且有效距离更远。
无论是包装、DM、或是海报、杂志设计，展示中色彩永远是第一个捕捉住我们的眼光。通常，彩色影像较黑白或灰阶影象更吸引人注目，约高40%左右。在翻阅OK时,我们往往会被颜色吸引而阅读内容。因此，当设计者的首要目的是吸引观者的眼光时，似乎以最强烈的对比和最鲜明的色彩来设计是件天经地义的事。但实际上并非如此；强烈对比的色彩搭配，如黄配蓝紫、红配蓝、绿配红紫，反而会抵消彼此视觉上的吸引力，而令人不快。因此在设计中，亮色与暗色所造成的强烈对比往往应用在一些强调视觉注意，或明了的字语上，如道路交通标志等。
在白天，视觉对黄色光线最为敏感，这也是为何彩虹中黄色特别明亮的原因。因此黄黑的组合造成最佳视觉效果。此外几种颜色的组合亦可造成显而易见的效果；如蓝底白字，绿底白挖取，橘底黑字，黄底黑字，白底黑字，红底白字，黄底红字，白底绿字，或淡淡底暗红字等。
Wtnu3dHP.jpg (43.91 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:43
对比色色彩组合会眼睛对色彩的辨视，通常有所变异，像在一段距离外，这时黄色看来却似白色，橘色则成红色，绿则偏蓝，蓝却成黑。若字小、间距又窄的话，在阅读距离33公分内，同样的色彩构图会造成注意力涣散，或字体闪烁的现象。
Ds4LUtga.jpg (49.65 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:43
在处理块状方案时，最易阅读的色彩组合为白底黑字，其次为黄底黑字、黑底黄字、白底绿字，及白底红字。相反地，最不易读的颜色组合为蓝底红字、蓝底橙字，及橙底绿、黄字；由于色调接近，常让人头昏眼花。
插入文中
提交取消 通知层主
bPC4E842.jpg (66.85 KB) (2005-12-31 20:02)
刚完成的百宏画册,
3zrowThE.jpg (98.03 KB) (2005-12-31 20:02)
刚完成的百宏画册,
pO3F9Lad.jpg (58.48 KB) (2005-12-31 20:03)
刚完成的百宏画册,
lk53wzM1.jpg (70.93 KB) (2005-12-31 20:03)
刚完成的百宏画册,
UT8bbiiM.jpg (84.94 KB) (2005-12-31 20:03)
刚完成的百宏画册,
UID
10
帖子
681
精华
6
积分
99574
推广币
53059 枚
阅读权限
120
性别
男
在线时间
38 小时
注册时间
2005-10-21
最后登录
2010-8-2
查看详细资料
回复此层 举报
红动中国
红动版主
实力值
0 点
资源币
1916 枚
个人空间
发短消息
加为好友
当前离线
3楼 大 中 小 发表于 2006-1-5 21:44 只看该作者
二、持续看的兴趣
假如成功的吸引了观者瞬息万变的眼光，设计者接下来则企业维持观者的兴趣，以传安邦定国相关的资讯，而仅就色彩而言，色彩造成了有趣的视觉效果；同样字与图案，彩色的往往较黑白的更引人注目。
据估计，超级市场中的货品必须在二十五分之一秒内获得顾客的青睐，黑白广告必须在三分之二秒内完成此项工作，而彩色OK广告则通常可维持注意力二秒钟。在如此短的时间内要传达讯息，单纯的色彩和简单的文句就成为设计时的不二法门。
虽然大小、字体显著程度、和设计成品所在位置亦影响吸引力的高低，但调查显示，彩色广告远较非彩色广告更令人注目。以DM为例，文案以彩色表示，可较非彩色版本更多出50%的吸收率。
自一段距离外看设计品，设计品必须能吸引注意力，且单纯清晰、易于明了。更进一步，设计必须能让视觉以最舒适的方式扫描。当设计太普通，可能观者很快便失去观看的兴趣，而无法传递完整的资讯。
当设计图案，或是任何有关色彩的作品，设计者必须仔细考虑色彩的搭配是否恰当，以有效垢激起顾客的好奇心。当我们的眼光会被黄底红字或黄底黑字的麦片包装盒吸引时，我们通常也会希望香水礼盒更精美，更让人难以抗拒。为了鼓励顾客阅读设计的内容，而非走马观看，设计者必须考虑何处为观者的第一着眼点，何处为第二、第三……。视觉反映排列秩序若能先为考虑周详，就可避免设计要素彼此竞争吸引者的注意力，反而分散了观者整体设计的注意力。
当设计元素中含有一些无法传达讯息的元素，如壁纸效应或皮件效果这类同等重要且常被使用的设计元素，那么具引导性质的元素，如图案之类的设计就不可省略，以平衡构图的效果，且建立层级式的视觉流程，有助维持观者注意力和清楚传达讯息。换言之，眼睛可用循序渐进的方式探索整件设计品。
LWo1Iqn6.jpg (59.11 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:44
某种色彩组合虽然视觉效果佳，容易阅读，也引人注目，但并不保证视觉会集中在文案上，因此设计者解决字小的方法为：以亮色，或中性颜色作为背景，字体则采用深色。
插入文中
提交取消 通知层主
UID
10
帖子
681
精华
6
积分
99574
推广币
53059 枚
阅读权限
120
性别
男
在线时间
38 小时
注册时间
2005-10-21
最后登录
2010-8-2
查看详细资料
回复此层 举报
红动中国
红动版主
实力值
0 点
资源币
1916 枚
个人空间
发短消息
加为好友
当前离线
4# 大 中 小 发表于 2006-1-5 21:46 只看该作者
三、版面协调功能
色彩为版面的构图增添了许多魅力，色彩美化又具实用的功能，更能够随意变化。同时，色彩比单一文字更让人印象深刻且容易记忆。文字与色彩的整合更加深了视觉的传播效果，字型及字的格调气氛也可以透过色彩来改变。以透明色彩作字体拓印时，不但可以将颜色混合在一志，还可以形成不同的渲染效果。此外必须注意的一点是底色的选择搭配，因为底色会影响到字体的识别效果。相容的色彩会彼此融合；对比的色彩则会产生振动，仿佛字体要从平面中跳出来；通常单一色彩的层次或色彩互相搭配皆可作为底色，但要考虑整体协调与文字的可容性。黑色或白色的设计字体，可以用彩色、花边和印刷效果使版面看起来柔和而富有生气，或者将部分的版面，用极少的色彩加以突出、区别或强调，也是相当醒目的设计手法。
因此，无论何种设计，色彩的选择乃基于几方面的考虑；首先，它可能纯粹基于设计上的考虑，虽然一般认为只要是美的，顾客都喜欢。但所有的广告行销人员都会坚持使用特定的颜色，以锁定特定的顾客群。
要定出如此一项原则，必须仔细分析产品的本质、服务，或促销的重点。而且必须研究同类型销售良好的产品使用何种颜色组合，何种型式呈现。必须找出每一项关于产品的要素的答案；产品要卖给谁?男性?女性?老或小?结婚?还是未婚?顾客的国籍?顾客是哪一个社群?在那一个季节贩卖?以及其它许许多多诸如此类的问题。
因此在决定色彩或色彩组合之前,设计者必须先就调查结果作一番衡量、考虑。
raV1VI4L.jpg (60.74 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:45
包装字体十分与众不同，结合繁杂的装饰和丰富的色彩。原先简单的风格和尺寸仍隐约可见，既保留了识别性，又装饰得非常华丽。
sXZ8EtVb.jpg (51.72 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:45
设计者的首要目的是吸引受众的眼光时，似乎以最强烈的对比和最鲜明的色彩来设计。但实际上并非如此；强烈对比的色彩搭配，如黄配蓝紫、红配蓝、绿配红紫，反而会抵消彼此视觉上的吸引力，而令人不快。
插入文中
提交取消 通知层主
UID
10
帖子
681
精华
6
积分
99574
推广币
53059 枚
阅读权限
120
性别
男
在线时间
38 小时
注册时间
2005-10-21
最后登录
2010-8-2
查看详细资料
回复此层 举报
红动中国
红动版主
实力值
0 点
资源币
1916 枚
个人空间
发短消息
加为好友
当前离线
5# 大 中 小 发表于 2006-1-5 21:48 只看该作者
五、明度与色彩
在比较两种颜色时，总是一者较明，一者较暗，这可说是明暗度的不同所导致，通常一色会较另一色鲜艳些。我们称之为彩度的差异，或色彩饱和度的差异。彩度，亦称色度(chroma)或色密度，可由彩虹的纯色延伸至一中性色彩；白色、黑色、或是灰色。设计师可将任一鲜艳的颜色与灰色混合，而得到他们想要的彩度。印刷者则必须以透明墨水，配合网版，小心仔细地将印刷色混合，才能达到与设计家同样的效果。不论在应用上，或实际判断上，同一色相的颜色可由最亮排至最暗。因此色相与明暗的辨别作用都非常重要，设计师可用黑白两色控制色相的明暗度，所以在黑白的设计中，明暗的差别，就成了诸如形式、形状、重量、材质、数量等各种资讯的唯一指标。
当视沉可能因年龄、性别、个性、经验的不同而导致对颜色、大小做出错误判断时，可能没人相信设计本身的意义也影响到颜色的判断。但无论如何，事实证明的确如此。
就一些让人阅读、吸收、了解的资讯而言，色彩特别有用。诸如保障安全、阅读地图等，色彩可使人加快吸收的速度。举例来说，色彩可用来了解消防设施的所在，使人可在危难时迅速的做出反应；自古以来，火就与红色有关，因此，消防设施也使用令人触目惊心的红色。通常，我们对色相的记忆，总是贫乏且大多均为象征性的，而象征通常是一个主题下的众多事件，由一个标准化的观念所统领。因此“红”字个字可引起我们诸多联想：彩虹最外一环，交通标识中的“停止”，熟透的草莓等等，而无需精确记忆物品实际的色调，明度和彩度重要的是，记这么多也就够了。
有一点非常重要：所有的色彩比较均是相对的，而且大脑对色彩的不稳定有一种补充作用。举例来说，当设计创造或一件物品由黑暗的室内移至光明的室外时，其上的色彩会产生惊人的变化，但却很少有人注意到；因为物品的色彩和明暗多少维持一固定比率关系，使人易于忽略。由于注意力集中的时间非常短暂，于是产生了一个非常重要的问题：眼睛是如何知道接下来要看那里？
“看”，此部分对于动作、闪光、光度变化则特别敏感。以许多商业用途来看，在黑暗中，彩色灯光远比彩色平面图案更为引人注目；如旅馆招牌或是交通符号。
0DrYR45R.jpg (21.19 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:47
s9dG9EM4.jpg (31.18 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:47
黑白广告必须在三分之二秒内完成此项工作，而彩色广告则通常可维持注意力二秒钟。在如此短的时间内要传达讯息，单纯的色彩和简单的文句就成为设计时的不二法门。
3nmwAFmX.jpg (36.12 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:48
zkbfdyqI.jpg (31.62 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:48
红色的运用挥发性强烈而有弹力、容易使人联想到火与血。
dkxggSoW.jpg (35.49 KB)
视觉设计:色调与色彩理论与案例分析
2006-1-5 21:48
红色具有活力与热情，是积极令人兴奋的色彩。由于太过华丽，所以极难配色，因此版面设计时可以全面性的、也可是重点式的。