《网页配色设计.pptx》由会员分享,可在线阅读,更多相关《网页配色设计.pptx(14页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、会计学1网页配色设计网页配色设计1、什么是色彩学、什么是色彩学n n色彩学是研究色彩产生、接受及其应用规律的科色彩学是研究色彩产生、接受及其应用规律的科学。它与透视学、艺术解剖学一起成为美术的基学。它与透视学、艺术解剖学一起成为美术的基础理论。础理论。n n色彩学大体可按色彩学大体可按色彩与光、眼睛、感知个体、应色彩与光、眼睛、感知个体、应用的关系用的关系分为分为4 4个主要部分。个主要部分。第1页/共14页色彩与光、眼睛、感知个体、应用的关系色彩与光、眼睛、感知个体、应用的关系色彩与光、眼睛、感知个体、应用的关系色彩与光、眼睛、感知个体、应用的关系n n光学三原色:红(光学三原色:红(Red
2、)Red)、绿(、绿(GreenGreen)、蓝()、蓝(Blue)Blue),如,如计算机的显像管是通过一个个像素点构成的,计算机的显像管是通过一个个像素点构成的,通过电子光束发光显示色彩,电子束发出这三种颜通过电子光束发光显示色彩,电子束发出这三种颜色。色。n n色彩感知的研究必须考察视觉器官色彩感知的研究必须考察视觉器官眼睛对色彩眼睛对色彩的接受过程。的接受过程。n n色彩与感知个体的关系。色彩与感知个体的关系。n n色彩在生活与艺术中的应用问题。色彩在生活与艺术中的应用问题。第2页/共14页2 2、色彩模式、色彩模式、色彩模式、色彩模式n nPhotoshopPhotoshop中的模式
3、菜单:中的模式菜单:1.1.RGBRGB色彩模式:光的三原色相加混合产生的色彩。在网色彩模式:光的三原色相加混合产生的色彩。在网页中使用的图片和在显示器上出现的图象,大多数是在页中使用的图片和在显示器上出现的图象,大多数是在RGBRGB色彩模式中制作的。色彩模式中制作的。RGBRGB色彩是颜色相加混合产生色彩是颜色相加混合产生的色彩,有增加明亮程度的特征。的色彩,有增加明亮程度的特征。2.2.CMYKCMYK色彩模式:是指墨水或颜料的三原色加上黑色这色彩模式:是指墨水或颜料的三原色加上黑色这4 4中颜色混合表现出的色彩,是主要用于出版印刷制作中颜色混合表现出的色彩,是主要用于出版印刷制作图象的
4、一种模式。图象的一种模式。3.3.索引色彩模式:是已经被限定在索引色彩模式:是已经被限定在256256个以内的一种模式,个以内的一种模式,主要在使用网页全色彩和制作的主要在使用网页全色彩和制作的GIFGIF图片时使用。图片时使用。4.4.灰色模式:是在制作黑白图片时使用的模式,主要用于灰色模式:是在制作黑白图片时使用的模式,主要用于自然地处理黑、白、灰色图片。自然地处理黑、白、灰色图片。5.5.位图模式:是用白色和黑色共同处理图片的模式。位图模式:是用白色和黑色共同处理图片的模式。第3页/共14页3 3、人们对色彩的认知、人们对色彩的认知、人们对色彩的认知、人们对色彩的认知n n在设计时,不仅
5、要对色彩的属性和配色原理进行在设计时,不仅要对色彩的属性和配色原理进行了解,还要对每个颜色给人的不同感觉和象征意了解,还要对每个颜色给人的不同感觉和象征意义有所了解。义有所了解。n n每种色彩对比组合的变幻能够左右设计的整体氛每种色彩对比组合的变幻能够左右设计的整体氛围。围。n n例:例:n n利用色彩三要素来配色利用色彩三要素来配色n n色彩的联想作用和心理效果色彩的联想作用和心理效果第4页/共14页色彩的联想作用和心理效果色彩的联想作用和心理效果色彩的联想作用和心理效果色彩的联想作用和心理效果n n色彩的心理效应:视觉器官在接受外部色彩刺激色彩的心理效应:视觉器官在接受外部色彩刺激产生直觉
6、映像的同时,也会自动地引发出对应的产生直觉映像的同时,也会自动地引发出对应的思维活动,诸如情绪、感情、精神及行为等,这思维活动,诸如情绪、感情、精神及行为等,这一过程称为一过程称为“色彩的心理效应色彩的心理效应”。在设计时,要。在设计时,要按照动画设计的目标,考虑色彩的效果及心理作按照动画设计的目标,考虑色彩的效果及心理作用,合理地运用色彩。用,合理地运用色彩。n n光谱或六色色环中的六色以及黑白灰:红色、橙光谱或六色色环中的六色以及黑白灰:红色、橙色、黄色、绿色、蓝色、紫色和黑白灰。色、黄色、绿色、蓝色、紫色和黑白灰。第5页/共14页红色红色红色红色n n红色是一种易受关注的颜色,它在可视光
7、线中的红色是一种易受关注的颜色,它在可视光线中的波长是最长的。红色在高饱和状况时,使人联想波长是最长的。红色在高饱和状况时,使人联想到火或血,使人热情高涨,给人很强的视觉刺激。到火或血,使人热情高涨,给人很强的视觉刺激。它给人传递出热情、热烈、喜庆、吉祥、兴奋、它给人传递出热情、热烈、喜庆、吉祥、兴奋、生命、革命、权威、庄重、激情、敬畏、残酷、生命、革命、权威、庄重、激情、敬畏、残酷、危险等,如我国的国旗是红色的,以此来表示爱危险等,如我国的国旗是红色的,以此来表示爱国精神或革命。国精神或革命。n n将红色减弱色调后就变成了粉红。粉红和红色不将红色减弱色调后就变成了粉红。粉红和红色不同,它很温
8、和、甜蜜和可爱。同,它很温和、甜蜜和可爱。n n在搭配关系中,强烈的红色适合黑、白和不同深在搭配关系中,强烈的红色适合黑、白和不同深浅的灰;与适当比例的绿组合富有生气,充满浓浅的灰;与适当比例的绿组合富有生气,充满浓郁的民族韵味;与蓝配合显得稳静、有秩序。郁的民族韵味;与蓝配合显得稳静、有秩序。第6页/共14页橙色橙色橙色橙色n n橙色的波长在红与黄之间,具有红与黄之间的性橙色的波长在红与黄之间,具有红与黄之间的性质。它处于最饱和状态时,它多与光明、华丽、质。它处于最饱和状态时,它多与光明、华丽、富裕、丰硕、成熟、甜蜜、快乐、温暖、辉煌、富裕、丰硕、成熟、甜蜜、快乐、温暖、辉煌、丰富、富贵、冲
9、动等千差万别的寓意联系在一起,丰富、富贵、冲动等千差万别的寓意联系在一起,并在不同文化背景的作用下给人迥然各异的心理并在不同文化背景的作用下给人迥然各异的心理启迪。例如,自然界中许多植物的果实。启迪。例如,自然界中许多植物的果实。第7页/共14页黄色黄色黄色黄色n n黄色黄色明度最高的颜色,显得华丽、高贵、明快。在中明度最高的颜色,显得华丽、高贵、明快。在中国古代是帝王用色。不同的黄色代表不同的等级和阶段,国古代是帝王用色。不同的黄色代表不同的等级和阶段,是不可以随便使用的。黄色具有非常宽广的象征领域。当是不可以随便使用的。黄色具有非常宽广的象征领域。当黄色置于最鲜艳的色彩程度时,它向人们揭示
10、出光明、纯黄色置于最鲜艳的色彩程度时,它向人们揭示出光明、纯真、活泼、轻松、智慧、任性、权威、高贵、藐视、诱惑真、活泼、轻松、智慧、任性、权威、高贵、藐视、诱惑等多种思想寓意。等多种思想寓意。n n朱黄和红色一样引人注目,给人温暖和充满活力的感觉。朱黄和红色一样引人注目,给人温暖和充满活力的感觉。在工厂中表示警戒和危险的时候常用朱黄。明亮的朱黄色在工厂中表示警戒和危险的时候常用朱黄。明亮的朱黄色可以增进食欲。黄色给人明朗和希望的感觉,也象征幸福可以增进食欲。黄色给人明朗和希望的感觉,也象征幸福和福气。黄色很容易被识别,所以常被使用在工厂或道路和福气。黄色很容易被识别,所以常被使用在工厂或道路上
11、,用来引起注意,同时它还象征着真诚或安全。上,用来引起注意,同时它还象征着真诚或安全。第8页/共14页蓝色蓝色蓝色蓝色n n蓝色给人冷的感觉,使人联想到大海、湖水和天空。饱和蓝色给人冷的感觉,使人联想到大海、湖水和天空。饱和度最高的蓝色标志着理智、深邃、博大、永恒、真理、信度最高的蓝色标志着理智、深邃、博大、永恒、真理、信仰、尊严、保守、冷酷、青春等,由于工作服常常为蓝色,仰、尊严、保守、冷酷、青春等,由于工作服常常为蓝色,所以也象征劳动。也有所以也象征劳动。也有Success BlueSuccess Blue的说法,所以也象征成的说法,所以也象征成功。亮蓝色给人开放的活力之感,暗蓝色给人沉重
12、冷静之功。亮蓝色给人开放的活力之感,暗蓝色给人沉重冷静之感。感。n n蓝色和绿色可以使人眼睛从疲劳中恢复,所以常在冥想或蓝色和绿色可以使人眼睛从疲劳中恢复,所以常在冥想或为了安静时使用。蓝色在吸引人和受瞩目的程度上不是特为了安静时使用。蓝色在吸引人和受瞩目的程度上不是特别高,和白色相配而成的蓝色有很好的效果,常和黑色一别高,和白色相配而成的蓝色有很好的效果,常和黑色一样被用于表示文本。有时,蓝色还被认为象征正直、信用样被用于表示文本。有时,蓝色还被认为象征正直、信用等。等。第9页/共14页草绿、淡绿草绿、淡绿草绿、淡绿草绿、淡绿n n草绿象征自然、调和、健康、和平、安全、青春、成长和草绿象征自
13、然、调和、健康、和平、安全、青春、成长和富饶等,有使眼睛解除疲劳、缓和痛苦和紧张的效果。草富饶等,有使眼睛解除疲劳、缓和痛苦和紧张的效果。草绿虽然并不太引人注目,但如果明度和饱和度都合适的话绿虽然并不太引人注目,但如果明度和饱和度都合适的话可以营造一种舒适的氛围,给人以安定感,所以深绿色常可以营造一种舒适的氛围,给人以安定感,所以深绿色常被用在休息室和会客室,也常用在手术服和安全标志上。被用在休息室和会客室,也常用在手术服和安全标志上。草绿如果使用不当的话会给人厌烦和孤独的感觉。浅绿色草绿如果使用不当的话会给人厌烦和孤独的感觉。浅绿色有很强的中立性,给人安静的感觉;深绿色则给人严格和有很强的中
14、立性,给人安静的感觉;深绿色则给人严格和严肃的感觉。淡绿色让人感觉新鲜,给人希望和明朗的感严肃的感觉。淡绿色让人感觉新鲜,给人希望和明朗的感觉。淡绿色也给人清新和活力之感。觉。淡绿色也给人清新和活力之感。第10页/共14页紫色紫色紫色紫色n n在光谱中,紫色波长最短,同时也是色相环中最暗淡的色在光谱中,紫色波长最短,同时也是色相环中最暗淡的色彩及红与蓝的中和色,其明视度和注目性最虚弱。紫色的彩及红与蓝的中和色,其明视度和注目性最虚弱。紫色的这种物理与生理特性,常把人们的思维引导到一种深沉庄这种物理与生理特性,常把人们的思维引导到一种深沉庄重的精神和情感境界之中。重的精神和情感境界之中。n n饱
15、和度最高的紫色表现出高贵、瑞祥、庄重、虔诚、神秘、饱和度最高的紫色表现出高贵、瑞祥、庄重、虔诚、神秘、压抑、傲慢、哀悼等心理感受。压抑、傲慢、哀悼等心理感受。n n紫色被淡化成浅紫色,它展示出优美、浪漫、梦幻、妩媚、紫色被淡化成浅紫色,它展示出优美、浪漫、梦幻、妩媚、羞涩、清秀、含蓄等韵致。这种使人心醉神迷的柔和色彩羞涩、清秀、含蓄等韵致。这种使人心醉神迷的柔和色彩极其适合用于女性化妆品的色彩设计中。极其适合用于女性化妆品的色彩设计中。第11页/共14页4 4、黑色、灰色、白色、黑色、灰色、白色、黑色、灰色、白色、黑色、灰色、白色n n黑色象征黑暗、死亡和沉默,给人沉重和忧郁的感觉,但黑色象征
16、黑暗、死亡和沉默,给人沉重和忧郁的感觉,但巧妙地使用黑色可以营造高贵的氛围。黑色也被认为是代巧妙地使用黑色可以营造高贵的氛围。黑色也被认为是代表上流社会、权利和奢华的颜色。黑色不反射色光,吸收表上流社会、权利和奢华的颜色。黑色不反射色光,吸收所有的颜色,所以在配色时有使别的颜色更鲜明的效果。所有的颜色,所以在配色时有使别的颜色更鲜明的效果。n n灰色随着配色的不同可以很动人,也可以很平静。灰色较灰色随着配色的不同可以很动人,也可以很平静。灰色较为中性,象征知性、老年和虚无等,使人联想到工厂、都为中性,象征知性、老年和虚无等,使人联想到工厂、都市和冬天的荒凉等。灰色可以营造保守、稳重的气氛,表市
17、和冬天的荒凉等。灰色可以营造保守、稳重的气氛,表现出均衡感和稳重的氛围,可以和大部分颜色配合使用。现出均衡感和稳重的氛围,可以和大部分颜色配合使用。白色在网页中是最普遍使用的基本背景色,具有干净纯洁白色在网页中是最普遍使用的基本背景色,具有干净纯洁的意味,象征纯洁、清白和清洁,使人联想到雪和婚纱等。的意味,象征纯洁、清白和清洁,使人联想到雪和婚纱等。第12页/共14页如何调节不同板块和内容间的色彩如何调节不同板块和内容间的色彩如何调节不同板块和内容间的色彩如何调节不同板块和内容间的色彩n n在配色中,最重要的是整体的色彩平衡。在配色中,最重要的是整体的色彩平衡。n n设计时,要仔细考虑色彩间的对比和一贯性。设计时,要仔细考虑色彩间的对比和一贯性。n n例如:红色和深红的配色(一贯性);紫色和蓝色的例如:红色和深红的配色(一贯性);紫色和蓝色的配色配色vv配色,关键要看网站的内容需求,而不是主观的意愿配色,关键要看网站的内容需求,而不是主观的意愿和个人偏好。和个人偏好。第13页/共14页