
第5章网页色彩设计 一、要点解析 1.网页中的色影应用特点 网页中的色彩用色必须符合料页的主题内容:网页中的色彩具有一定的色影个性。 2.网页配色总原则 总体上以静调为主,小面积运用对比:考虑主要读者群的背爱和构成:一张页面中的色影最好 不超过三种, 3.网页配色方法 (1)冷色调 以青色、蓝色,紫色,绿色等进行组合,体现朴实、深远,平静的空间效果。在页面中可以普 配小面积的红色,以形成对比的视觉感,多运用在电子,科技、高校等机构中。 (凶暖色调 以红色、餐色、黄色、焗色等进行组合,可以表现出一种活泼、健康、快乐的感觉,一般用在 食品、活动、公园、校园等机构中。 图对比色 运用前卫的黑与白的搭配,在一定程度上再加上一点灰进行组合,在锐觉上形成一种冷漠、前 卫、时尚的流行现代感,一般运用在一线个人网站或工作室,设计室等网站。红色和黑色的搭配被 誉为商业的成功色。也核广泛运用于较能体现个性的时尚类网站。 ()类似色 果用同一域类似色相、类拟色测的一组色彩拼配在一起的配色方式。由于类似色具有相同构成 因素,在视凭上具有较强的统一感,容号达到统一和谐的效果。 4.网页色彩配色应考虑的基本规律 主色调突出、节奏与平衡的色彩美感 主色调是根据网页内容与定位来确定。食品类的主色调常用红色、橙色、黄色这类明快色,可 以强调食品的美味感。范菜水果类则以绿色为主反缺其新鲜性。药品类多用灰色、冷色,兰色为主, 可以体现理性感和可信感,而保健品则由暖色调表现,化妆品,女性树站一般用柔和的粉色系,繁 色系。面男性的会用黑色、银色等单纯的色彩体现庄重大气感。幼儿儿童类网站则用的色影较多, 多以对比、明快的色影为主,色彩鲜艳,反映孩子的天真快乐。 节奏是指在色彩搭配中。色彩的重复、新变、交替所形成的空间里的程觉律动感,这种节奏感 可以是一种色彩的疏密、色块的大小组合等。 平衡则是指视觉上的一种色彩力量的平衡感。指两种以上的色彩被在一副面中,它们周围的 视觉平衡感党。 一般来说版面中需要有节奏,这样可以产生生气、活力的感爱,在一定程度上是引导人门情感
1 第 5 章 网页色彩设计 一、要点解析 1.网页中的色彩应用特点 网页中的色彩用色必须符合网页的主题内容;网页中的色彩具有一定的色彩个性。 2.网页配色总原则 总体上以协调为主,小面积运用对比;考虑主要读者群的背景和构成;一张页面中的色彩最好 不超过三种。 3.网页配色方法 ⑴ 冷色调 以青色、蓝色、紫色、绿色等进行组合,体现朴实、深远、平静的空间效果。在页面中可以搭 配小面积的红色,以形成对比的视觉感,多运用在电子、科技、高校等机构中。 ⑵ 暖色调 以红色、橙色、黄色、褐色等进行组合,可以表现出一种活泼、健康、快乐的感觉,一般用在 食品、活动、公园、校园等机构中。 ⑶ 对比色 运用前卫的黑与白的搭配,在一定程度上再加上一点灰进行组合,在视觉上形成一种冷漠、前 卫、时尚的流行现代感,一般运用在一些个人网站或工作室、设计室等网站。红色和黑色的搭配被 誉为商业的成功色,也被广泛运用于较能体现个性的时尚类网站。 ⑷ 类似色 采用同一或类似色相、类似色调的一组色彩搭配在一起的配色方式。由于类似色具有相同构成 因素,在视觉上具有较强的统一感,容易达到统一和谐的效果。 4.网页色彩配色应考虑的基本规律 主色调突出、节奏与平衡的色彩美感。 主色调是根据网页内容与定位来确定。食品类的主色调常用红色、橙色、黄色这类明快色,可 以强调食品的美味感。蔬菜水果类则以绿色为主反映其新鲜性。药品类多用灰色、冷色、兰色为主, 可以体现理性感和可信感,而保健品则由暖色调表现。化妆品、女性网站一般用柔和的粉色系、紫 色系,而男性的会用黑色、银色等单纯的色彩体现庄重大气感。幼儿儿童类网站则用的色彩较多, 多以对比、明快的色彩为主,色彩鲜艳,反映孩子的天真快乐。 节奏是指在色彩搭配中,色彩的重复、渐变、交替所形成的空间里的视觉律动感,这种节奏感 可以是一种色彩的疏密、色块的大小组合等。 平衡则是指视觉上的一种色彩力量的平衡感,指两种以上的色彩放在一副画面中,它们周围的 视觉平衡感觉。 一般来说版面中需要有节奏,这样可以产生生气、活力的感觉,在一定程度上是引导人们情感

的方法,能产生共鸡。而平衡则是将活泼、跳动的色彩进行有序、有变化的搭配,彩成一种和谐的 美感。 5.色彩的联想 不同的色影会让人产生不同的联纪,在进行网页版面的色彩设计时,应充分利用色影的联想性, 选择合适的色彩搭配,以达到视觉传达的目的。 红色令人联塑到喜庆:绿色◆人联想到大地、树木、草原:蓝色◆人联想到天空、海洋:■色 令人联想到黑夜。 6.色彩的心理效应 )红色 红色是一种热情外向蠹奋的色影,红色的说度高,制潘效果强。能够吸引人的视线,注意率较 高。红色在自古以米就是一种喜庆色,红色能使人产生冲动,愤怒,热情,活力的感觉。 (档橙色 橙色是一种激有的色彩,既有红色的热情又有黄色的光明,橙色富有光泽,具有明快、欢低, 热熟、活泼的特质,给人以温暖、明媚、辉煌的心理印象。 (周黄色 黄色具有快乐,希望。智慧和轻快的个性,它的明度最高。黄色是一种具有光明、希望,明阴、 输快的色彩,同时也是一种地位和权力的色彩。黄色本身具有一种明朗输快的效果,所以黄色常常 会和其它顾色配合运用。 )领色 绿色是一种最常见的自然色彩,介于冷暖两种色调的中间,看见绿色会联想到大地、树木、草 原等等,绿色象征着生命和希里,绿色也充满了青春活力和健康气息,绿色给人宁静、谅爽。清新 的感凭,绿色也是网页中使用最为广泛的颜色之一。绿色经常用于与自然、健康相关的网站,也多 见于一些公司和教有站点。 (固蓝色 蓝色是一种大白然的色影,董色具有高度的稳定性,蓝色让人联想到天空、海洋。蓝色是深远, 理智沉静的色彩,具有一种质朴感和内向平实的美感。一般在科技、知识,计算机、企业、政府等 多种类型的料站中果用技色为标准色较多。 闹紫色 深紫色给人华贵、闲远、神秘、汇夏、珍贵的心理感受。较暗色调的紫色可以表现出成热沉稳 的感凳。 (团黑白灰 黑白灰属于无彩色系,它是一组具有轴象表现力和神秘感的色彩。黑色一方面是庄严肃程深沉 的象征,另一方面又给人带来神秘,叙静、悲衰,压种的感受。黑色与其他色彩配合能增加刺激。 白色代表着洁白、明快、纯真、清净。白色与其它颜色漫合均能取得根好的效果。网页与其它 视觉作品不同,它要求具有较高的可读性,因此,自色在网页中的使用最多。 2
2 的方法,能产生共鸣。而平衡则是将活泼、跳动的色彩进行有序、有变化的搭配,形成一种和谐的 美感。 5.色彩的联想 不同的色彩会让人产生不同的联想,在进行网页版面的色彩设计时,应充分利用色彩的联想性, 选择合适的色彩搭配,以达到视觉传达的目的。 红色令人联想到喜庆;绿色令人联想到大地、树木、草原;蓝色令人联想到天空、海洋;黑色 令人联想到黑夜。 6.色彩的心理效应 ⑴ 红色 红色是一种热情外向激奋的色彩,红色的纯度高,刺激效果强,能够吸引人的视线,注意率较 高。红色在自古以来就是一种喜庆色,红色能使人产生冲动,愤怒,热情,活力的感觉。 ⑵ 橙色 橙色是一种激奋的色彩,既有红色的热情又有黄色的光明,橙色富有光泽,具有明快、欢欣、 热烈、活泼的特质,给人以温暖、明媚、辉煌的心理印象。 ⑶ 黄色 黄色具有快乐,希望,智慧和轻快的个性,它的明度最高。黄色是一种具有光明、希望、明朗、 愉快的色彩,同时也是一种地位和权力的色彩。黄色本身具有一种明朗愉快的效果,所以黄色常常 会和其它颜色配合运用。 ⑷ 绿色 绿色是一种最常见的自然色彩,介于冷暖两种色调的中间,看见绿色会联想到大地、树木、草 原等等,绿色象征着生命和希望,绿色也充满了青春活力和健康气息,绿色给人宁静、凉爽、清新 的感觉,绿色也是网页中使用最为广泛的颜色之一。绿色经常用于与自然、健康相关的网站,也多 见于一些公司和教育站点。 ⑸ 蓝色 蓝色是一种大自然的色彩,蓝色具有高度的稳定性,蓝色让人联想到天空、海洋。蓝色是深远、 理智沉静的色彩,具有一种质朴感和内向平实的美感。一般在科技、知识、计算机、企业、政府等 多种类型的网站中采用蓝色为标准色较多。 ⑹ 紫色 深紫色给人华贵、深远、神秘、孤寂、珍贵的心理感受。较暗色调的紫色可以表现出成熟沉稳 的感觉。 ⑺ 黑白灰 黑白灰属于无彩色系,它是一组具有抽象表现力和神秘感的色彩。黑色一方面是庄严肃穆深沉 的象征,另一方面又给人带来神秘、寂静、悲哀、压抑的感受。黑色与其他色彩配合能增加刺激。 白色代表着洁白、明快、纯真、清净。白色与其它颜色混合均能取得很好的效果。网页与其它 视觉作品不同,它要求具有较高的可读性,因此,白色在网页中的使用最多

黑白跑色在明度上反差非常大。视觉冲击强烈,主次分明,全站的贯穿运用,构成特色鲜明的 设计风格,散发违人的高品位的贵族气息。黑白两种顾色的搭配使用通常可以表现出都市化的感觉, 常用于现代派页面设计中。 灰色是一种被动的色彩,易受环境色的影响。灰色的注目性很低,较少单鞋使用。灰色与暇色 搭配会显出冷静,与冷色并置则变得暖和。灰色具有中庸。平凡,温和,素让。中立和高雅的感凭, 但过多的灰色会给人留下平谈乏味的印象 二、典型例题 1.网页中的色影用色必须符合网页()。 A,主思内容B,配色原则C,形式事美D.个性特点 答案:A 2.网真色移设计中同一页南的主色调一般使用《)。 A.12种B.23种C.34种D.56种 答案:B 3。()是将两种或两种以上的色彩有序地协调地组织在一起,形成和谐统一的色彩括配效果。 A,色彩调整B.色彩效应C.色彩调和D.色彩对比 答案:C 4.关于对繁色的描述错误的是()。 A.紫色是影色系里明度最低的颜色 B.繁色给人神秘、高雅的感觉 C,繁色配暖色时,需要调整纯度或明度才能形成比较和谐的配色。 D。紫色的纯色明度较高 答案1D 5.关于网真配色应用的描述错误的是《), A。暖色调一般用在食品、活动、公园等机构网站中 B。冷色调多运用在电子、科技、高校等机构网站中 C.类似色具有相同构成因素,祝觉上具有较强的统一感,容易达到统一和罐的效果。 D。类似色一般运用在个人网站、工作室、设计蜜等网站 答案:D 6.关于色彩联想的描述不正确的是()。 A,红色令人联想到喜庆 B.绿色令人联想到树木、草原 C.蓝色令人联塑到天空、寿洋 D.累色令人联想到冷醋 答案:D
3 黑白纯色在明度上反差非常大,视觉冲击强烈,主次分明,全站的贯穿运用,构成特色鲜明的 设计风格,散发迷人的高品位的贵族气息。黑白两种颜色的搭配使用通常可以表现出都市化的感觉, 常用于现代派页面设计中。 灰色是一种被动的色彩,易受环境色的影响。灰色的注目性很低,较少单独使用。灰色与暧色 搭配会显出冷静,与冷色并置则变得暖和。灰色具有中庸,平凡,温和,谦让,中立和高雅的感觉, 但过多的灰色会给人留下平淡乏味的印象。 二、典型例题 1.网页中的色彩用色必须符合网页( )。 A.主题内容 B.配色原则 C.形式审美 D.个性特点 答案:A 2.网页色彩设计中同一页面的主色调一般使用( )。 A.1-2 种 B.2-3 种 C.3-4 种 D.5-6 种 答案:B 3.( )是将两种或两种以上的色彩有序地协调地组织在一起,形成和谐统一的色彩搭配效果。 A.色彩调整 B.色彩效应 C.色彩调和 D.色彩对比 答案:C 4.关于对紫色的描述错误的是( )。 A.紫色是彩色系里明度最低的颜色 B.紫色给人神秘、高雅的感觉 C.紫色配暖色时,需要调整纯度或明度才能形成比较和谐的配色。 D.紫色的纯色明度较高 答案:D 5.关于网页配色应用的描述错误的是( )。 A.暖色调一般用在食品、活动、公园等机构网站中 B.冷色调多运用在电子、科技、高校等机构网站中 C.类似色具有相同构成因素,视觉上具有较强的统一感,容易达到统一和谐的效果。 D.类似色一般运用在个人网站、工作室、设计室等网站 答案:D 6.关于色彩联想的描述不正确的是( )。 A.红色令人联想到喜庆 B.绿色令人联想到树木、草原 C.蓝色令人联想到天空、海洋 D.黑色令人联想到冷酷 答案:D

7.深紫色给人的心理感受是(). A,庄严,肃程,深沉 B.深运、理智、沉静 C,华贵、神径、弧寂 D。欢欧、热烈,活泼 答案:C 8.黑色给人的心理感受是(). A。任严、肃穆,深沉 B.明快,纯真、清净 C,华贵、神程、弧寂 D。欢欧、热烈,活泼 答案:A 9.白色给人的心理感受是(). A。庄严、肃穆,深沉 B.明快、纯真、清净 C,华贵、神程、孤程 D.欢欧、热烈、活泼 答案:B 10,橙色给人的心理感受是(》。 A,庄严、肃穆、深沉 B.明快,纯真、清净 C.华贵、神格、孤寂 D.欢欧、热烈、活泼 答案:D
4 7.深紫色给人的心理感受是( )。 A.庄严、肃穆、深沉 B.深远、理智、沉静 C.华贵、神秘、孤寂 D.欢欣、热烈、活泼 答案:C 8.黑色给人的心理感受是( )。 A.庄严、肃穆、深沉 B.明快、纯真、清净 C.华贵、神秘、孤寂 D.欢欣、热烈、活泼 答案:A 9.白色给人的心理感受是( )。 A.庄严、肃穆、深沉 B.明快、纯真、清净 C.华贵、神秘、孤寂 D.欢欣、热烈、活泼 答案:B 10.橙色给人的心理感受是( )。 A.庄严、肃穆、深沉 B.明快、纯真、清净 C.华贵、神秘、孤寂 D.欢欣、热烈、活泼 答案:D