网页艺术设计4
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网页的色彩
网页配色技巧
色彩是网站中最重要的内容之一 色彩影响人的潜意识 色彩也是加深网站记忆的因素
什么是色彩
反射(印刷)颜色
CMLK:青色Cyan、洋红色Magenta、黄色Yellow、
黑色black
光源(加法)颜色
RGB:红(R)、绿(G)、蓝(B),理论上可以再屏幕上
网页配色的注意事项
1、不要将所有颜色都用到,尽量控制在三种 色彩以内。 2、背景和前文的对比尽量要大,(绝对不要用 花纹繁复的图案作背景),以便突出主要文字 内容。 3、颜色具有个人性、民族性和地区性。
一些常用的网页配色方案:蓝色
蓝色是博大的色彩,天空、大海或宇宙等广阔 的景色都呈蔚蓝色,因此,蓝色也是永恒的象 征。 蓝色是最冷的色,使人们联想到冰川上的蓝色 投影。蓝色在纯净的情况下并不代表感情上的 冷漠,它只不过代表一种平静、理智与纯净而 已。 表示稳定、信任、能量与力量。
源自文库 绿色
绿色也是在网页中使用最为广泛的颜色之一。 人们看到绿色的时候,第一反应就会想到大自 然。 它经常用于与健康相关的站点,和一些公司的 公关站点或教育站点。 当搭配使用绿色和白色时,可以得到自然的感 觉。 当搭配使用绿色与红色时,可以得到鲜明且丰 富的感觉。
红色
紫色
紫色通常用于以女性为对象或以艺术作品介绍 为主的站点,但很多大公司的站点中也喜欢使 用包含神秘色彩的紫色。 较暗色调的紫色可以表现出成熟的感觉,但女 性站点中使用的通常都是清澈(Pale)的紫色。 紫色通常代表着神秘和尊贵高尚。
紫红色
紫红色又称粉红色,紫红色是非常女性化的颜 色,它给人的感觉通常都是浪漫、柔和、华丽、 高贵优雅,特别是粉红色可以说是女性化的代 表颜色。高彩度的紫红色可以表现出超凡的华 丽,而低彩度的粉红色可以表现出高雅的气质。 白色、粉红色、天蓝色的颜色搭配,是最受少 女欢迎的配色方案。高彩度的紫色和粉红色之 间的搭配通常都能得到较好的效果。
黑白灰
黑色与白色搭配永远是经典的组合。 只要能够合理地搭配使用黑色与白色,甚至可 以做到比那些彩色的搭配更生动的效果。 白色有很强烈的感召力,它能够表现出如白雪 般的纯洁与柔和。 黑色也有很强大的感染力,它能够表现出特有 的高贵,且黑色还经常用于表现死亡和神秘。
结束
橙色
橙色是十分活泼的光辉色彩,是暖色系中最温 暖的色彩,它使我们联想到金色的秋天,丰硕 的果实,因此是一种富足的、快乐而幸福的色 彩。 橙色稍稍混入黑色或白色 ,会成为一种稳重、 含蓄有明快的暖色,但混入较多的黑色后,就 成为一种烧焦的色,橙色中加入较多的白色会 带有一种甜腻的味道 。橙色与蓝色的搭配, 构成了最响亮、最欢快的色彩。
红色是强有力的色彩,是热烈、冲动的色彩。 在深红的背景上,红色平静下来;在蓝绿色背 景上,红色就像炽烈燃烧的火焰;在黄绿色背 景上,红色变成一种冒失的、莽撞的闯入者, 激烈而又寻常;在橙色的背景上,红色似乎被 郁积着,暗淡而无生命,好像焦干了似的。
8 网页配色实例 1.中国奢侈品信息网(http://www.86luxury.net/)
重现16777216种颜色
网页设计用的是RGB颜色系。
颜色选择辅助工具
常用的颜色选择法:
互补色
也称为对比色(反差最大)。互补色在色环上 相互正对。如果希望更鲜明地突出某些颜色, 则选择对比色。如果制作一幅柠檬的图片,使 用蓝色背景将使柠檬更突出。
相似色
相似色是指在给定颜色旁边的颜色,它也是最 安全的选择。如果以橙色开始想得到它的两个 相似色,就选定红色和黄色。使用相似色的配 色方案可以提供颜色的协调和交融,类似于在 自然界中所见到的那样自然。
网页颜色选择:
1、只用一种色彩。这里是指先选定一种色彩, 然后调整透明度或者饱和度,产生新的色彩, 用于网页。这样的页面看起来色彩统一,有层 次感。 2.用两种色彩。先选定一种色彩,然后选择 它的对比色(180°)或互补色(135°)。 3.用一个色系。选择45°同类色或90°邻近 色。
黄色
黄色是在站点配色中使用最为广泛的颜色之一, 因为黄色是明亮的且可以给人甜蜜幸福感觉的颜 色。 黄色在从儿童站点直至门户型网站等几乎每一个 角落中都找到了自己的发挥空间,通过结合紫色、 蓝色等颜色可以得到温暖愉快的积极效果。 高彩度的黄色与黑色的结合可以得到清晰整洁的 效果。 在很多艺术家的作品,黄色都用来表现喜庆的气 氛和富饶的景色。
网页配色技巧
色彩是网站中最重要的内容之一 色彩影响人的潜意识 色彩也是加深网站记忆的因素
什么是色彩
反射(印刷)颜色
CMLK:青色Cyan、洋红色Magenta、黄色Yellow、
黑色black
光源(加法)颜色
RGB:红(R)、绿(G)、蓝(B),理论上可以再屏幕上
网页配色的注意事项
1、不要将所有颜色都用到,尽量控制在三种 色彩以内。 2、背景和前文的对比尽量要大,(绝对不要用 花纹繁复的图案作背景),以便突出主要文字 内容。 3、颜色具有个人性、民族性和地区性。
一些常用的网页配色方案:蓝色
蓝色是博大的色彩,天空、大海或宇宙等广阔 的景色都呈蔚蓝色,因此,蓝色也是永恒的象 征。 蓝色是最冷的色,使人们联想到冰川上的蓝色 投影。蓝色在纯净的情况下并不代表感情上的 冷漠,它只不过代表一种平静、理智与纯净而 已。 表示稳定、信任、能量与力量。
源自文库 绿色
绿色也是在网页中使用最为广泛的颜色之一。 人们看到绿色的时候,第一反应就会想到大自 然。 它经常用于与健康相关的站点,和一些公司的 公关站点或教育站点。 当搭配使用绿色和白色时,可以得到自然的感 觉。 当搭配使用绿色与红色时,可以得到鲜明且丰 富的感觉。
红色
紫色
紫色通常用于以女性为对象或以艺术作品介绍 为主的站点,但很多大公司的站点中也喜欢使 用包含神秘色彩的紫色。 较暗色调的紫色可以表现出成熟的感觉,但女 性站点中使用的通常都是清澈(Pale)的紫色。 紫色通常代表着神秘和尊贵高尚。
紫红色
紫红色又称粉红色,紫红色是非常女性化的颜 色,它给人的感觉通常都是浪漫、柔和、华丽、 高贵优雅,特别是粉红色可以说是女性化的代 表颜色。高彩度的紫红色可以表现出超凡的华 丽,而低彩度的粉红色可以表现出高雅的气质。 白色、粉红色、天蓝色的颜色搭配,是最受少 女欢迎的配色方案。高彩度的紫色和粉红色之 间的搭配通常都能得到较好的效果。
黑白灰
黑色与白色搭配永远是经典的组合。 只要能够合理地搭配使用黑色与白色,甚至可 以做到比那些彩色的搭配更生动的效果。 白色有很强烈的感召力,它能够表现出如白雪 般的纯洁与柔和。 黑色也有很强大的感染力,它能够表现出特有 的高贵,且黑色还经常用于表现死亡和神秘。
结束
橙色
橙色是十分活泼的光辉色彩,是暖色系中最温 暖的色彩,它使我们联想到金色的秋天,丰硕 的果实,因此是一种富足的、快乐而幸福的色 彩。 橙色稍稍混入黑色或白色 ,会成为一种稳重、 含蓄有明快的暖色,但混入较多的黑色后,就 成为一种烧焦的色,橙色中加入较多的白色会 带有一种甜腻的味道 。橙色与蓝色的搭配, 构成了最响亮、最欢快的色彩。
红色是强有力的色彩,是热烈、冲动的色彩。 在深红的背景上,红色平静下来;在蓝绿色背 景上,红色就像炽烈燃烧的火焰;在黄绿色背 景上,红色变成一种冒失的、莽撞的闯入者, 激烈而又寻常;在橙色的背景上,红色似乎被 郁积着,暗淡而无生命,好像焦干了似的。
8 网页配色实例 1.中国奢侈品信息网(http://www.86luxury.net/)
重现16777216种颜色
网页设计用的是RGB颜色系。
颜色选择辅助工具
常用的颜色选择法:
互补色
也称为对比色(反差最大)。互补色在色环上 相互正对。如果希望更鲜明地突出某些颜色, 则选择对比色。如果制作一幅柠檬的图片,使 用蓝色背景将使柠檬更突出。
相似色
相似色是指在给定颜色旁边的颜色,它也是最 安全的选择。如果以橙色开始想得到它的两个 相似色,就选定红色和黄色。使用相似色的配 色方案可以提供颜色的协调和交融,类似于在 自然界中所见到的那样自然。
网页颜色选择:
1、只用一种色彩。这里是指先选定一种色彩, 然后调整透明度或者饱和度,产生新的色彩, 用于网页。这样的页面看起来色彩统一,有层 次感。 2.用两种色彩。先选定一种色彩,然后选择 它的对比色(180°)或互补色(135°)。 3.用一个色系。选择45°同类色或90°邻近 色。
黄色
黄色是在站点配色中使用最为广泛的颜色之一, 因为黄色是明亮的且可以给人甜蜜幸福感觉的颜 色。 黄色在从儿童站点直至门户型网站等几乎每一个 角落中都找到了自己的发挥空间,通过结合紫色、 蓝色等颜色可以得到温暖愉快的积极效果。 高彩度的黄色与黑色的结合可以得到清晰整洁的 效果。 在很多艺术家的作品,黄色都用来表现喜庆的气 氛和富饶的景色。