目錄

1.2. 電商設計配色原理... 1

1.2.1.電商色彩三大要素... 1

1.2.2.電商色彩對比關係... 6

1.2.3.色彩的視覺原理... 11

色彩適應(補償)... 11

視覺錯視... 11

1.2.4.電商色彩的情感... 14

色彩的直接心理效應... 14

色彩的間接心理效應... 14

色彩的情感... 15

色彩的表現... 23

1.2. 電商設計配色原理

1.2.1.電商色彩三大要素

色彩面貌上千變萬化,但是仔細觀察會發現他們之間的主要區別可以歸納三個:色相、明度、純度。

一、色相

色相指人們對光譜中某一特定波長的命名,是色彩的首要特徵,也是區別各種不同色彩的最準確標準。如黃色、綠色、藍色等。色相是色彩的靈魂,是色彩的直接代表。在日常生活中,人們有時會忽視色彩的明度與純度等要素,對色彩最為直接的印象就是色彩的色相表現(圖2-1、圖2-2)。色彩學專家

圖2-1

圖2-2

三原色由三種基本原色構成。原色是指不能透過其他顏色的混合調配而得出的「基本色」。

這裡我們重點說的是色光,色光混合三原色即:紅、綠、藍(圖2-3)。將它們全部混合會產生白色光,人類的眼睛能夠敏銳地感受這三種顏色。色光主要應用在電腦手機等電子端的產品上,也是電商的終端載體。要注意的是色料的三原色是紅、黃、藍(圖2-4)。由兩種混合得到間色,在色相環中間色位於兩原色的中間。在色相環中處於相對位置的兩個顏色稱為補色,其在色彩應用中佔據重要的地點陣圖(圖2-5)。

圖2-3

圖-2-4

圖2-5

二、明度

明度是眼睛對光源和物體表面的明暗程度的感覺,主要是由光線強弱決定的一種視覺經驗。明度是指從白到灰,再到黑色的相對亮度或暗度。純度也是具有不同的明度,色相在保持最純正的情況下具有不同的明度。將黃色和紫色進行對比這一點就顯得非常明顯,黃色是所有顏色總最亮的,紫色是最暗的。黑色和白色在改變明度時具有非常重要的作用,在一中顏色中添加黑色,可以獲得該色的深色調(圖2-5)。

圖2-5

明度具有較強的獨立性,它可以離開色相和純度而單獨存在,而色彩的色相和純度往往是伴隨著明度一起出現的.物體的立體感、空間感大都有賴於正確的明度關係。因此,色彩的表現需要重視明度關係的研究。

在無彩色中,白色為明度最高的,黑色為明度最低的。

有彩色的明度表現有兩種情況:一是同一色相不同明度;二是不同色相的明度差異。彩色的明度等級是根據無彩色明度等級確定的。

三、純度

純度是指色彩的鮮艷程度,即色彩的飽和度、彩度、鮮艷度。在色彩中,含有彩色成份越高純度就越高,顏色顯示也就最明亮。如果將黑白灰加入一個純色中,那麼該色的純度就會降低,顏色也會變成灰暗色。

1.2.2.電商色彩對比關係

根據色相環的不同位置關係可將它們分為:同類色、類似色相、臨近色相、對比色相和互補色相(圖2-7)。

圖2-7

(1) 同類色相對比。在色相環上距離角度15°左右的色彩,色相非常接近,只有通過明度、純度的差別對比來營造豐富的視覺效果,這樣的色相間產生的對比叫做同類色相對比。同類色相對比屬於較弱的色相對比,常用來表現雅緻含蓄、單純、統一的視覺情感(圖2-8)。

(2) 類似色相對比。在色相環上距離角度在45°左右的色彩,色相差別小,但是比同類色相比強度大些,仍需要通過明度、純度方面的差別對比來產生豐富的視覺效果,產生的對比叫做類似色相對比(圖2-9)。

45°

圖2-9

(3) 鄰近色相對比。在色相環上距離角度在90°左右的色彩,色相差別適中,屬於色相對比。色彩差異增強,畫面顯得豐富。同時,由於色彩並非對立,因而易於做到統一、調和(圖2-10)。 90°

圖2-10

(4)

對比色相對比。在色相環上,距離角度在120°左右的色彩,色相差異很大,產生的對比叫做對比色相對比。對比色相對比的色彩效果相對鮮明、飽滿、強烈,色相感更為豐富,不易單調,有較強的視覺的視覺衝擊力圖2-11,2-12。

120°

圖2-11

圖2-12

(5) 互補色相對比。在色相環上距離角度180左右的色彩產生的對比叫做互補色相對比。色相差別最強烈,屬於最強色色相對比,畫面對比最豐富、最強烈、最刺激,具有超強的視覺衝擊力。其需要合理搭配,負責會產生負面效應,因為產生的刺激非常強,缺少優雅含蓄的感覺。需要對補色進行明度和純度的調整,是畫面相對穩定(2-13、2-14)。

2-13

2-14

明白了這些原理,基本的配色時不成問題的,只要按照自己的想法找到適合自己的畫面主題的顏色及關係就不會錯。還有更高層次的色彩原理馬上給大家帶來,會令大家腦洞大開,讓你成為電商色彩達人。

1.2.3.色彩的視覺原理

人們通過眼睛感受色彩的存在,外部世界在視網膜上形成圖像,視覺細胞發生變化,引起興奮,這種興奮的信號傳達到大腦就產生了色彩感覺。

但是人的視覺感官在環境變化時也會自主調整,以保證正常的認知,這叫視覺適應。

色彩適應(補償)

眼睛對環境的變化的適應,我們稱為「視覺視覺適應」,它涵蓋著對距離、明暗、色彩的適應

1.距離適應,這個比較好理解,眼睛的晶狀體能跟相機的鏡頭一樣變焦,能夠捕捉遠近的物體,保證看清遠近的物體,當然也會有一定的局限性,超出範圍我們就無法看清產生錯覺

2.明暗適應

由於地球的晝夜變化,造就了我們視覺在白天強烈的陽光下和在漆黑的晚上,都能有效分辨外界事物能力,就好比我們從很強烈的日光下衝進小黑屋,剛開始會一片漆黑什麼也看不見,但只需一小會暗處看不清的東西變得非常清晰;或是我們從黑暗的環境下,比如礦井下待久了。出井的一瞬間就好像陽光會刺瞎雙眼,太亮了,所有的都太亮根本開不清,也睜不開眼,我們情不自禁的眯著眼,光線慢慢的進到眼睛裡,慢慢的我們也能很快適應,將清晰的外界事物傳遞給大腦。

3.色彩適應

這個很好理解,當我們戴上有色眼鏡,戴上的一瞬間感覺是偏向我們所帶眼鏡的固有色的世界,可帶上的時間長了,就跟當初沒帶一樣,外界的物體固有色回歸到正常。或是我們走到白熾燈那種黃色光線下,開始我們覺得是環境變黃,過一會我們就會適應,物體的固有色和平時感知的是一樣的。

視覺錯視

不光有視覺的適應,錯視也是由於在適應的過程中,受到刺激比較強產生錯覺。錯覺的種類非常多,有聽錯覺、味錯覺、嗅錯覺、視錯覺等,

視覺錯視又分為「形錯視」和「色錯視」兩種現象,色錯視又分為視覺後象,同時性效果、環境光適應和色彩易見度,這四類。

視覺後像

視覺後像又稱為視覺殘像,它是一種現象,當我們看到一個物體的時候,即使我們的視線移開了,視網膜上影像並不會立刻消失,二是留下痕迹,而這種現象我們稱為「視覺後像」。視覺後像也分兩種情況,正後象和負後像。

正後像

正後像是當視覺神經興奮,視覺慣性作用留下的後像,就像我們看到某種色彩時,這種色彩會慣性的留下許多影像,這就是正後像,我們從小看動畫片,二維動畫的幀不沒有那麼流暢,每一幀的間隔都是利用這種錯視產生的流暢感,算是自己腦補的畫面。

負後像

這個與正後像不同,負後像多半是興奮過度疲勞產生的現象。小時候我們經常在炎熱的下午午休過後出去玩,有時看了一下太陽,光線猛地進入眼睛,感到了不適看其他地方,會有很多小點狀的物體在天空隨著我們的移動跟著動,那時你還不知道是啥,其實仔細回想一下,那些小點是青色的,而且是殘留在視網膜上的殘像。本來暖色的太陽,錯視之後變成青色,這種現象就叫負後像,但還有一個特點負後像是補色關係,這是由於眼睛的色彩適應,我這裡稱它為「色彩補償」。如下圖,我們注視紅色方塊一段時間,將視線移到右側灰色背景上時,在右側灰背景上會有一個青色的模糊圖像

圖2-15

同時性效果

同時性效果也稱為「同時對比」,人眼在同一空間和時間內感受到的色彩對比錯視現象。正如我們看到一種色彩的情況下會搜尋他的相對補色,來達到視覺上的平衡。也就是一些固定色彩在視覺中會有多種色彩感,這種現象就叫同時性效果。

如伊頓所說「這種同時出現的色彩,絕非客觀存在,而是只發生在眼睛中,他會引起一種興奮的感覺和輕度不斷變化的充滿活力的顫動」

通常色彩對比越強烈,這種同時性效果越明顯,例如,當明度各異的色彩參與同時性對比的時候,明亮的顏色就更明亮,而黯淡的顏色則會顯色黯淡。如下圖的灰色和深灰色色塊,它們便產生同時性效果。當各種不同顏色相鄰時,眼睛由於受到不同色彩的刺激,相鄰的顏色又會帶有補色光,這也屬於同時性效果。如下圖當紅色和黃色搭配時,我們又會感到紅色有點紫色的味道,黃色有點綠色的味道。

圖2-16

從上邊的圖可以看到,單獨提出的深灰色沒有那麼深,灰色也沒那麼明亮。單獨提取的紅色沒有紫色,黃色也沒有變綠。

環境光適應

環境光適應是指,人眼在環境光的刺激下形成環境色彩,當突然轉換到其他色光環境中時,對於後者的色彩感覺便會傾向第一次色光的補色,從而產生錯視感。這個規律與前邊說的負後像還有同時性效果非常相似,其根本在於視覺疲勞之後的視覺色彩補償。

色彩易見度

色彩的易見度就是指色彩容易看清的程度。色彩搭配時的易見度與色彩的面積大小及色彩的三要素都有關係,色彩的面積大易見度就高,色彩的面積小易見度便偏低,色彩間明度、純度、色相相對強的易見度也高,反之,易見度變低。如下圖所示,由於黃色色塊的面積較小,因此它的易見度沒有黃色和橙色易見度高。但在左右對比時,黃色背景下的黃色色塊的易見度,明顯要更高。這是因為黃色和黃色產生強烈的對比(圖2-16)。

圖2-16

1.2.4.電商色彩的情感

設計色彩從某個角度講是一種科學,是研究人視知覺和視錯覺的科學,還涉及人們對色彩的反應。色彩不僅是裝飾和美華。也具有心理和生理作用。

色彩運用的最終目的是表達和傳遞情感。色彩本身並無情感,這裡所說的情感,是指人與色彩之間的感應效果。一般來說分為倆個方面:

色彩的直接心理效應

這裡的色彩的物理性刺激直接導致的某些心理體驗,例如,高明度刺眼,使人心慌;紅色鮮艷奪目,使人興奮。

色彩的間接心理效應

這是因為物理刺激而聯想到的更強烈、更深層次的意義的效應,包括色彩感覺的轉移及色的聯想、象徵、好惡等等(圖2-17,圖2-18)。

學生作品圖2-17

圖2-18

色彩的情感

人們對於色彩是有情感的,最初只是個物理現象,由於人們生活在色彩的世界裡,人們積累了許多視覺經驗,一旦這種經驗與外在色彩發生呼應時,就會在人的心理引發某種情緒。圖2-17

色彩的聯想

每一種色彩都有特殊的含義,而且色彩的變現通常是在對比的情況下表現的,設計者可以根據經驗、感覺、想像力來創造色彩,表達情感。

紅色:熱烈、激情、活力、進取、喜慶、革命、殘暴、危險;

橙色:青春、動感、活力、香甜、快樂、興奮、明亮、溫暖;

黃色:自然、光明、燦爛、愉快、輝煌、淫穢;

綠色:青春、環保、平衡、和平、清爽、安靜、希望、安全;

藍色:博大、寬廣、希望、穩定、冷靜、專業、和諧;

紫色:神秘、敬畏、憂鬱、捉摸不定、悲哀、尊貴、夢幻、幽深;

黑色:黑暗、失望、悲涼、神秘、凝重、死亡、腐敗、邪惡;

灰色:肅穆、沮喪、中庸、消極、孤獨、拘謹、獨立;

白色:純潔、高尚、樸素、神聖、和平、安靜、死亡、投降。

色彩引起的心理差異

我們無法逃脫色彩的影像,色彩直接訴諸於我們的感官。利用這一特性我們可以配置不同感覺的畫面效果

1色彩的冷暖

造成冷暖的感覺原因既有生理的直覺因素,有心理聯想的因素。長波系列的色彩最暖,色彩的感覺有比較直接的物理背景,因為熱輻射的紅外線便與長波紅色相聯繫,許多發出強烈熱輻射的物體(例如火炭、火焰、熾熱的鐵塊、出生的紅日等)都同時具有豐富的長波紅色光譜。相比之下,許多與寒冷、低氣溫相關的事物都呈現出短波的藍、綠色,例如林海雪原、澄澈的藍天等。另外造成的冷暖還有相對性,畫面中只有紅色和黃色的時候,黃色就充當了一次冷色,在當黃色和藍色在一起時,黃色相對的就是暖色。在畫面中的冷暖色就是同一環境下的對比產生的。

冷暖除了直接的與色相相關外,飽和度與明度變化也會對色彩的冷暖感的程度有所影響,暖色系飽和度越高,相對的溫暖程度也就越高。對於冷色的系列的色彩則主要是受明度影響,明度越高,寒冷感越強。

2色彩的空間

視網膜接受暖強光時會產生擴散性,成像的邊緣出現模糊帶,產生模糊帶,產生膨脹的感,接受冷光時,弱光成像清晰,對比之下就有收縮感,一般而言,暖、淺、亮有擴張感,而冷色、灰暗的色彩有收縮感(圖2-19)。就其那邊我們講過的視錯覺,像這種擴散和收縮我看圖2-20,同樣長短的的線段,由於只是改變延伸線段的方向,會明顯的感覺到左邊的比右邊的短但實際上左右是同一條線段。

圖2-19

圖2-20

3色彩的動與靜

進退感是色相、純度、明度、飽和度、面積等多種對比產生的錯覺現象,對比強的色有前進感,對比弱的有後退感。暖色的、飽和度高的、顏色亮的前進感就強,反之,後退感就強。色彩進退感有助於圖底模式的建立,是提高視覺傳達效果的重要手段。利用冷暖色的進退位置可以獲得很強的層次感(圖2-21-2-23)。

圖2-21

圖2-22

重與軟硬4

色彩的輕重感首先取決於明度,色彩的明度越高,視覺感覺越輕;反之,感覺越重。此外,色彩的輕重感還和色彩的質地感覺有關,光勻者顯得輕,毛躁者顯得重。如不鏽鋼、鋁合金,鍍鋁與光勻的塗料修飾、玻璃幕牆等都能為現代都是生活營造出輕快感,使鋼鐵和混凝土的沉重壓抑感有所緩解(圖2-24,2-25)。

圖2-24

圖2-25

亮色、灰色系和弱對比色調有軟感(圖2-26),暗色、純色和強對比的色調有硬感。無彩色中黑、白感覺硬,灰色感覺軟。軟色有柔和優雅的感覺,硬色強烈有力。

圖2-26

色彩的興奮與平靜5

暖、亮、純、對比強的色彩對人的神經刺激較強,能引起人的興奮感,已形成明快的色調;橙、紅、黃等暖色使人感到興奮,藍、綠、紫等冷色使人感到平靜。其次,高明度、高純度的色彩有興奮感,反之,有平靜的感覺(圖2-27)。

圖2-27

6色彩的華麗與樸素

色彩的三要素對於華麗及質樸感都有影響。首先取決於純度。初度越高色彩越華麗;反之,色彩越樸素。其次,明度、色相也會帶來一定的影響,明度越高的色彩,偏暖色的色彩更有華麗感(圖2-28-2-30)。來自生活的經驗也引起的心理聯想給我們帶來華麗樸素的聯想。

圖2-28

圖2-29

圖2-30

色彩的表現

色彩的嗅覺和味覺

在飲食文化中,烹飪的最高境界就是色香味俱全。由此可見色首當其衝地排到了第一位。好的色彩可以誘發人們的食慾,鮮艷色彩可以給人帶來新鮮的感受(圖2-31)。

圖2-31

色彩具有這種味覺和嗅覺,是人們長期的社會經驗積累及日常生活中接觸過的事物聯想而來的。對於食用過的食物的色彩形成味覺和嗅覺,形成了概念化的模式,看見蘋果的紅色會想到甜,看到辣椒的紅會感覺辣;從鮮花的顏色,人們常常可以聯想到鮮花的芳香。即使對於未曾使用過的食物,人們往往先觀其色,來判斷其味(圖2-32)。

圖2-32

圖2-33

色彩的危險

色彩也常常反應出危險的信號。例如有毒的蘑菇色彩更艷麗,黃蜂的黑色條紋警告它能夠產生毒素;路障和危險地帶常常有黃黑相間的顏色警示牌;軍用設施也是經常用色彩來偽裝。(圖2-34-2-36)

色彩與宗教

古老的宗教文化,在世界範圍內宗教是一股很強大的力量,色彩也就是感情的聖書。宗教帶來的色彩象徵有著強大的權威性。

在佛教中,金色就是西天超脫的象徵;在基督教中,赤色就是聖靈降臨節的色彩、是聖血的象徵,將黃色認定為叛徒猶大的衣服顏色而感到卑劣可恥;在伊斯蘭教中,綠色是永恆樂園的象徵,將黃色視為死亡之色。

色彩與風俗

由風俗習慣形成的色彩概念是比較牢固的,有些事歷史約定俗稱的,還有統治階級硬性規定的,其原因也是相當複雜的。黃色被統治階層使用了千年,成為最高權力的象徵。中華民族最喜愛的是熱烈的、富麗的、莊嚴的色彩。唐代的建築,多採用綠色的琉璃瓦、磚紅色的牆面、硃紅色油漆柱、青石板台階、漢白玉的浮雕、藍色或純青綠色為主的彩繪廊檐等表現形式。其色彩之間既相互呼應又各具特色,極為精緻典雅,富有典型的民族色彩,洋溢著十足的東方色彩氣息,突出了那個時代的審美特點(圖2-37)。

圖2-37

色彩與地域文化

不同地域的人對色彩的認知也不同。赤色與黃色在我們民族傳統色彩語言中,是幸福、莊嚴、神聖的代名詞。 結婚、節慶等喜事都離不開它。

每個國家的國旗顏色就是各國所處地域文化的最好體現(圖2-38)。

阿拉伯國家地處沙漠地帶,無疑沙漠中的綠洲是令人嚮往的,綠色成了國旗的主要顏色;德國國旗是用黑、紅、黃三色,她的視覺效果正好是德國人的凝重、理智的性格特徵;義大利人喜歡綠色和灰色,國旗是由黑白紅三個垂直相等的長方形構成。

圖2-38

色彩與年齡、性別

1. 色彩與年齡

幼年時期對色彩的認識剛剛開始,最喜歡鮮艷的色彩,對色彩的感覺比較敏感,天性喜愛色彩斑斕的花蝴蝶、紅蜻蜓、花衣服等物品。在色彩上,尋求歡快、愉悅。其主要用色需對比強烈,而且多為原色對比,盡量避免使用地純度、低明度的色彩。高明度、暖色系的色彩更適合表達兒童熱衷的艷麗色彩。純度高的色相相對比較熱烈,視覺感受更鮮明,自然使畫面歡快活躍、衝擊力強、感召力大(圖2-39)。

2-39

青年時期對新鮮事物最敏感,接受也最快。喜歡的顏色往往會有朝氣還不失穩健,男生喜歡酷酷的黑色,或是其他簡潔點的色彩,女生往往喜歡漂亮的、清純的、靚麗點的搭配,不會像小時候那樣過於花哨。

中年時期各個方面都比較成熟,不輕易改變已經形成的習慣,趨向端莊、典雅。喜歡素雅的中純度基調,以表現出穩重、寧靜的性格特點(圖2-40)。

圖2-40

老年時期,各方面都衰減,但為了減輕暮氣感,國外的老年人穿的比較花哨,國內的相對保守,習慣於莊重的打扮,但近些年來有所改變,高明度、高純度的顏色也被接受(圖2-41)。

圖2-41

2. 色彩與性別-

人們因為性別的不同,對色彩的喜好與運用是各不相同的。一般來說,男性的多用穩重、沉著的色彩,色彩變化不大;而女性則多用華美艷麗的色彩,色彩千變萬化。


推薦閱讀:
相关文章