网页设计中的色彩应用学 |
由于生长在一个充满着色彩的世界,色彩一直刺激我们的视觉器官,而色彩也往往是网页设计作品给人的第一印象。 |
色彩与生活 |
首先在认识色彩前,我们要先建立一种观念,就是如果要了解色彩认识色彩,便要用心去感受生活,留意生活中的色彩,否则容易变成一个视而不见的色盲,就如人体的其他感官一样,色彩就活像是我们的为味觉,一样的材料但因用了不同的调味料而有了不同的味道,成功的好吃,失败的往往叫人难以下咽,而色彩对生理与心理都有重大的影响,因此色彩学算是设计的一门基本科目。 |
色彩意象 |
当我们看到色彩时,除了会感觉其物理方面的影响,心里也会立即产生感觉,这种感觉我们一般难以用言语形容,我们称之为印象,也就是色彩意象。 |
红的色彩意象 |
由于红色容易引起注意,所以在各种媒体中也被广泛的利用,除了具有较佳的明视效果之外,更被用来传达有活力,积极,热诚,温暖,前进等涵义的企业形象与精神,另外红色也常用来作为警告,危险,禁止,防火等标示用色,人们在一些场合或物品上,看到红色标示时,常不必仔细看内容,及能了解警告危险之意,在工业安全用色中,红色即是警告,危险,禁止,防火的指定色。 |
|
橙的色彩意象 |
橙色明视度高,在工业安全用色中,橙色即是警戒色,如火车头,登山服装,背包,救生衣等,由於橙色非常明亮刺眼,有时会使人有负面低俗的意象,这种状况尤其容易发生在服饰的运用上,所以在运用橙色时,要注意选择搭配的色彩和表现方式,才能把橙色明亮活泼具有口感的特性发挥出来。 |
|
黄的色彩意象 |
黄色明视度高,在工业安全用色中,橙色即是警告危险色,常用来警告危险或提醒注意,如交通号志上的黄灯,工程用的大型机器,学生用雨衣,雨鞋等,都使用黄色。 |
|
绿的色彩意象 |
在商业设计中,绿色所传达的清爽,理想,希望,生长的意象,符合了服务业,卫生保健业的诉求,在工厂中为了避免操作时眼睛疲劳,许多工作的机械也是采用绿色,一般的医疗机构场所,也常采用绿色来作空间色彩规划即标示医疗用品。 |
|
蓝色的色彩意象 |
由于蓝色沉稳的特性,具有理智,准确的意象,在商业设计中,强调科技,效率的商品或企业形象,大多选用蓝色当标准色,企业色,如电脑,汽车,影印机,摄影器材等等,另外蓝色也代表忧郁,这是受了西方文化的影响,这个意象也运用在文学作品或感性诉求的商业设计中。 |
|
紫色的色彩意象 |
由于具有强烈的女性化性格,在商业设计用色中,紫色也受到相当的限制,除了和女性有关的商品或企业形象之外,其他类的设计不常采用为主色。 |
|
褐色的色彩意象 |
在商业设计上,褐色通常用来表现原始材料的质感,如麻,木材,竹片,软木等,或用来传达某些引品原料的色泽即味感,如咖啡,茶,麦类等,或强调格调古典优雅的企业或商品形象。 |
|
白色的色彩意象 |
在商业设计中,白色具有高级,科技的意象,通常需和其他色彩搭配使用,纯白色会带给别人寒冷,严峻的感觉,所以在使用白色时,都会掺一些其他的色彩,如象牙白,米白,乳白,苹果白,在生活用品,服饰用色上,白色是永远流行的主要色,可以和任何颜色作搭配。 |
黑色的色彩意象 |
在商业设计中,黑色具有高贵,稳重,科技的意象,许多科技产品的用色,如电视,跑车,摄影机,音响,仪器的色彩,大多采用黑色,在其他方面,黑色的庄严的意象,也常用在一些特殊场合的空间设计,生活用品和服饰设计大多利用黑色来塑造高贵的形象,也是一种永远流行的主要颜色,适合和许多色彩作搭配。 |
灰色的色彩意象 |
在商业设计中,灰色具有柔和,高雅的意象,而且属於中间性格,男女皆能接受,所以灰色也是永远流行的主要颜色,在许多的高科技产品,尤其是和金属材料有关的,几乎都采用灰色来传达高级,科技的形象,使用灰色时,大多利用不同的层次变化组合或他配其他色彩,才不会过於 素,沉闷,而有呆板,僵硬的感觉。 |
|
色彩三要素 |
不论任何色彩,皆具备三个基本的重要性质:色名,明度,彩度,一般称为色彩三要素或色彩三属性。 |
色名(Hue) |
色名(Hue,简称为H;或译为色相)及是区分色彩的名称,也就是色彩的名子,就如同人的姓名一般,用来辨别不同的人。 |
明度(Value) |
明度(Value,简称V)光线强时,感觉比较亮,光线若时感觉比较暗,色彩的明暗强度就是所谓的明度,明度高是指色彩较明亮,而相对的明度低,就是色彩较灰暗。 |
彩度(Chroma) |
彩度(Chroma, 简称C)是指色彩的纯度,通常以某彩色的的同色名纯色所占的比例,来分辨彩度的高低,纯色比例高为彩度高,纯色比例低为彩度低,在色彩鲜艳状况下,我们通常很容易感觉高彩度,但有时不易作出正确的判断,因为容易受到明度得影响,譬如大家最容易误会的是,黑白灰是属於无彩度的,他们只有明度。 |
色环 |
由于色环并不容易解说,所以请翻阅其他书籍或询问专业美工或教师。 |
配色的基本概念 |
配色的基本概念,这是我们在做图时常常预见的问题,若能将这些概念了解,在颜色的搭配上自然比较占优势。 |
色名对比 |
将相同的橙色,放在红色或黄色上,我们将会发现,在红色上的橙色会有偏黄的感觉,因为橙色是由红色和黄色调成的,当他和红色并列时,相同的成份被调和而相异部份被增强,所以看起来比单独时偏黄,以其他色彩比较也会有这种现象,我们称为色名对比。 |
|
除了色感偏移之外, 对比的两色, 有时会发生互相色渗的现象, 而影响相隔界线的视觉效果, 当对比的两色, 具有相同的彩度和明度时, 对比的效果越明显, 两色越接近补色, 对比效果越强烈。 |
|
明度对比 |
将相同的色彩,放在黑色和白色上,比较色彩的感觉,会发现黑色上的色彩感觉比较亮,放在白色上的色彩感觉比较暗,明暗的对比效果非常强烈明显,对配色结果产生的影响,明度差异很大的对比, 会让人有不安的感觉。 |
|
|
彩度对比 |
色彩和另一彩度较高的色彩并列时,会觉得本身彩度变低,而和另一个彩度较低的色彩时,会觉得彩度变高,这种现象称为彩度对比。 |
|
|
|
补色对比 |
两个互为补色的色彩在一起时,会产生明显的效果,使色彩彼此色感更强,我们称之为补色对比。 |
|
|
|
面积对比 |
将两个色彩强弱不同的色彩放在一起,若要得到对比均衡的效果,必须以不同的面积大小来调整,弱色占大面积,强色占小面积,而色彩的强弱是以其明度和彩度来判断,这种现象称为面积对比。 |
|
配色的基本类型 |
在考虑如何配色时,必须先确定自己到底要什麽的配色效果。 1、决定主体色。 2、选择搭配色。 3、选择背景色。 4、明彩度调整,完成配色。 |
注意事项 |
这里所谈的一些色彩学是很简略的,如需更深入,则需去参阅相关书籍,或请教专业网页设计人士,才能对色彩学有真正的认识与了解,慈溪网站制作所提供的相关知识,只是让您有个初步的认识网页设计中的色彩学,也为慈溪一些要制作网站的企业客户提供了一些参考。 |