淘寶網(wǎng)店頁(yè)面設(shè)計(jì)布局配色裝修一本通第3版教案第6章-頁(yè)面色彩搭配基礎(chǔ)知識(shí)

1、淘寶網(wǎng)店頁(yè)面設(shè)計(jì)、布局、配色、裝修第淘寶網(wǎng)店頁(yè)面設(shè)計(jì)、布局、配色、裝修第3 3版版2開(kāi)店指導(dǎo)開(kāi)店指導(dǎo)頁(yè)面中的色彩是瀏覽者對(duì)網(wǎng)店最直觀的了解，也是網(wǎng)店統(tǒng)一風(fēng)格設(shè)計(jì)的主要組成部分。一個(gè)網(wǎng)店設(shè)計(jì)成功與否，在很大程度上取決于頁(yè)面色彩的運(yùn)用和搭配，頁(yè)面色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩是樹(shù)立網(wǎng)店形象的關(guān)鍵之一，因此，在設(shè)計(jì)頁(yè)面時(shí)，必須要高度重視頁(yè)面色彩的搭配。第第6 6章章 頁(yè)面色彩搭配基礎(chǔ)知識(shí)頁(yè)面色彩搭配基礎(chǔ)知識(shí)6.1 6.1 色彩的原理3 自然界中有許多種色彩，如香蕉是黃色的，橘子是橙色的自然界中有許多種色彩，如香蕉是黃色的，橘子是橙色的我們?nèi)粘Ｒ?jiàn)的我們?nèi)粘Ｒ?jiàn)的太陽(yáng)光，實(shí)際由紅、綠

2、、藍(lán)三種波長(zhǎng)的光組成，物體經(jīng)光源照射，吸收和反射太陽(yáng)光，實(shí)際由紅、綠、藍(lán)三種波長(zhǎng)的光組成，物體經(jīng)光源照射，吸收和反射不同波長(zhǎng)的紅、綠、藍(lán)光，經(jīng)由人的眼睛，傳到大腦形成了我們看到的各種顏不同波長(zhǎng)的紅、綠、藍(lán)光，經(jīng)由人的眼睛，傳到大腦形成了我們看到的各種顏色。色。6.2 6.2 色彩的分類(lèi)4 我們生活在五彩繽紛的世界里，天空、草地、海洋都有它們各自的色彩。你、我們生活在五彩繽紛的世界里，天空、草地、海洋都有它們各自的色彩。你、我、他也有自己的色彩，代表個(gè)人特色的衣著、家裝、裝飾物的色彩，可以充分我、他也有自己的色彩，代表個(gè)人特色的衣著、家裝、裝飾物的色彩，可以充分反映人的性格、愛(ài)好、品位。色彩一般

3、分為無(wú)彩色和有彩色兩大類(lèi)反映人的性格、愛(ài)好、品位。色彩一般分為無(wú)彩色和有彩色兩大類(lèi)。6.2.1 6.2.1 無(wú)彩色5 無(wú)彩色是黑色、白色及二者按不同比例混合所得到的深淺各異的灰色系列。在光的色譜上見(jiàn)不到這3個(gè)色，不包括在可見(jiàn)光譜中，所以稱(chēng)為無(wú)彩色。6.2.2 6.2.2 有彩色6 有彩色是指可見(jiàn)光譜中的紅、橙、黃、綠、青、藍(lán)、紫7種基本色及其混合色，即視覺(jué)能夠感受到的某種單色光特征。我們所看到的就是有彩色系列，這些色彩往往給人以相對(duì)的、易變的、抽象的心理感受。有彩色是由光的波長(zhǎng)和振幅決定的，波長(zhǎng)決定色相，振幅決定色調(diào)。6.3 6.3 色彩的三要素7 明度、色相、純度是色彩最基本的三要素，也是人

4、正常視覺(jué)感知色彩的明度、色相、純度是色彩最基本的三要素，也是人正常視覺(jué)感知色彩的3 3個(gè)重要個(gè)重要因素因素。6.3.1 6.3.1 明度8 明度表示色彩的明暗程度。色彩的明度包括無(wú)彩色的明度和有彩色的明度。在無(wú)彩色中，白色明度最高，黑色明度最低，白色和黑色之間是一個(gè)從亮到暗的灰色系列；在有彩色中，任何一種純度色都有自己的明度特征，如黃色明度最高，紫色明度最低。6.3.2 6.3.2 色相9 色相是指色彩的名稱(chēng)，是不同波長(zhǎng)的光給人的不同的色彩感受，紅、橙、黃、綠、藍(lán)、紫等都各自代表一類(lèi)具體的色相，它們之間的差別屬于色相差別。色相是色彩最基本的特征，是一種色彩區(qū)別于另一種色彩最主要的因素。6.3.

5、3 6.3.3 純度10 純度表示色彩的鮮濁或純凈程度，純度是表明一種顏色中是否含有白或黑的成分。假如某色不含有白或黑的成分，便是純色，其純度最高；如果含有白或黑的成分越多，其純度亦會(huì)逐漸下降。 在一定條件下，不同色彩之間的對(duì)比會(huì)有不同的效果。在不同的環(huán)境下，多色彩給人一種印象，單一色彩給人另一種印象。 116.4 6.4 色彩對(duì)比色彩對(duì)比每一種顏色都有自己的明度特征，因明度之間的差別形成的對(duì)比即為明度對(duì)比。明度對(duì)比在視覺(jué)上對(duì)色彩層次和空間關(guān)系影響較大。126.4.1 6.4.1 明度對(duì)比明度對(duì)比 色相對(duì)比是指因色相之間的差別形成的對(duì)比。當(dāng)主色相確定后，必須考慮其他色彩與主色相是什么關(guān)系，要表

6、現(xiàn)什么內(nèi)容及效果等，這樣才能增強(qiáng)其表現(xiàn)力。136.4.2 6.4.2 色相對(duì)比色相對(duì)比 純度對(duì)比是指較鮮艷的顏色與含有各種比例的黑、白、灰的色彩對(duì)比，即模糊的濁色對(duì)比。146.4.3 6.4.3 純度對(duì)比純度對(duì)比 色彩的面積對(duì)比是指頁(yè)面中各種色彩在面積上多與少、大與小的差別，影響到頁(yè)面主次關(guān)系。156.4.4 6.4.4 色彩的面積對(duì)比色彩的面積對(duì)比 用冷熱差別而形成的色彩對(duì)比稱(chēng)為冷暖對(duì)比。冷暖本來(lái)是人體皮膚對(duì)外界溫度高低的觸覺(jué)。冷色與暖色是依據(jù)人的心理錯(cuò)覺(jué)對(duì)色彩的物理性分類(lèi)，是人對(duì)顏色的物質(zhì)性印象，大致由冷暖兩個(gè)色系產(chǎn)生。166.4.5 6.4.5 色彩的冷暖對(duì)比色彩的冷暖對(duì)比 在頁(yè)面設(shè)計(jì)中

7、，色彩搭配是樹(shù)立網(wǎng)店形象的關(guān)鍵，色彩處理得好可以使頁(yè)面錦上添花，達(dá)到事半功倍的效果。色彩搭配一定要合理，給人一種和諧、愉快的感覺(jué)，避免采用容易造成視覺(jué)疲勞的純度很高的單一色彩。在設(shè)計(jì)頁(yè)面色彩時(shí)應(yīng)該了解一些搭配技巧，以便更好地使用色彩。176.5 6.5 網(wǎng)店頁(yè)面色彩搭配方法網(wǎng)店頁(yè)面色彩搭配方法 就像小說(shuō)和電影中有主角和配角一樣，在色彩設(shè)計(jì)中也就像小說(shuō)和電影中有主角和配角一樣，在色彩設(shè)計(jì)中也有不同的職責(zé)分別。在色彩設(shè)計(jì)中，有主色、輔助色和點(diǎn)綴有不同的職責(zé)分別。在色彩設(shè)計(jì)中，有主色、輔助色和點(diǎn)綴色不同的功能色不同的功能。186.66.6主色、輔助色、點(diǎn)綴色主色、輔助色、點(diǎn)綴色 在舞臺(tái)上，主角站在聚光燈下，配角退后一步來(lái)襯托他。配色上的主色也是一樣，其配色要比輔助色更清楚、更強(qiáng)烈。在一個(gè)頁(yè)面中，占用面積大，受矚目的色彩一般就是主色。 196.6.1 6.6.1 主色可以決定整個(gè)店鋪風(fēng)格主色可以決定整個(gè)店鋪風(fēng)格 輔助色使頁(yè)面豐富多彩，使主色更漂亮，輔助色可以是一種顏色，也可以是幾種顏色。輔助色的功能在于幫助主色建立完整的形象，判斷輔助色用得好不好的標(biāo)準(zhǔn)是：去掉它，頁(yè)面不完整，有了它，主色更顯優(yōu)勢(shì)。206.6.2 6.6.2 輔助色