認識了色彩,并不表示你就能對顏色運用自如。配色有理性的層面,也有感性的層面。配色也需要依循一定的節奏。有的配色跳躍明快,有的又顯得舒緩柔和。我們從理性出發的同時,也要把自己的觸角深入到感性的層面去理解色彩。
配色秩序
每一種色彩都有其自身的特質,而這一特性的發揮,還需要依賴于色彩在整個配色時所處的位置、面積等,即色彩與其他色彩所形成的秩序。
主色
主色是指在配色中處于支配地位的色彩。在配色前,主色是最先確定的顏色,例如,當我們想要設計一個珠寶展示的頁面,這個頁面所需要什么色彩時,我們決定采用紫色,而紫色就是主色。主色的確定看起來并不困難,因為一開始被確定下主色只是定出一個宏觀方向,并沒有細化成具體的色調。主色的選擇也非常自由,因為并沒有完全正確的“公式”,每種顏色都有它的特性和優劣,沒有最好的顏色或最差的顏色。
最終確定對主色色調的選擇則需要感性的參與,你希望你的網站看上去“沉穩典雅”還是“清新明快”?這些不同的感受都來自色調的制約平衡。
一般情況下,主色是配色中使用面積最多的色彩。用于主要的組件、組件的背景、大面積色塊等。
襯托色
襯托色是主色以外,為了襯托主色而出現的另一種色彩。襯托色通常為主色的互補色或對比色。襯托色所使用的面積可大可小,只要達到襯托的目的即可。襯托色也可用在面積較大的地方,和主色平分秋色,彼此呼應。
一組配色中一定會有一個主色,而襯托色并非必不可少。是否采用襯托色,取決于你的配色計劃。通常單一的色彩會比較單調,而利用襯托色來強化主色的豐富變化是解決這一問題的方案之一。
背景色
背景色經常表現為無彩色(黑、白、灰)或者低飽和度的色彩。背景色主要是作為背景而存在,它最好不要以非常強烈的姿態出現。背景色并非具有某種功能,它是一個頁面的基礎底色。
強調色
強調色是在主色以外起強調作用的色彩,可以說它是非常重要的視覺焦點。它本身具有一種獨立性,因此在配色上要形成與主色的強烈對比。它可以是主色的對比色、互補色等,使其能跳脫于主色的色彩。
強調色所用的面積比較小,只要在焦點領域運用上強調色,其本身就有著聚焦的作用。有時候強調色還扮演著襯托色的角色。
單色配色法:同色同源
單色系配色是指網站的頁面主色只使用一種顏色,需要注意的是,所謂的單色并不“單”,往往運用單色系配色方案的是配圖較多的網站,這些配圖自身已經包含著豐富的色彩,從整個頁面來看,色彩就并不只有主色一種了。當配圖的色彩也參與到了頁面整體的配色體系中,只需要尋找到一種與配圖都能協調的色彩作為主色,就能輕松掌握單色配色法的技巧。
單色扮演主色的同時也扮演著強調色,在配色運用中,重要的組件、焦點的部分都可以運用這一色彩,形成明顯的視覺重點框架。而與此同時,背景色應該盡量保持黑白灰,不對主色造成干擾。如果想要形成一定的層次,也可以在主色調之外通過降低其色彩飽和度或明度等方式,形成單色配色中色彩的空間視覺深度。
在單色系配色法中,即使屬于同一色系,色調也會有所差異,因此這也是另一種配色方式,運用在配圖較少,且配圖色彩也并不多變的情況下。
主色的單一色調不一定用在組件上,有時也采用“反白”的處理,尤其是主色本身比較強烈時,填充主色作為背景,傳遞出主色強烈的表現效果。
還有一種更加純粹的單色調配色方式,將配圖設定為灰度圖案,讓主色在整個黑白灰的氛圍中顯得格外醒目,從而突出主題。這樣做的好處是讓畫面更加簡約、克制,當然也就失去了繽紛華麗的氛圍。將配圖的顏色“拿掉”是相對冒險的做法,只在一些強調圖片的個性與質感并不急于展示產品所有細節給用戶的網站中所用較多。
漸變配色法:夢幻滑翔
漸變可以視為一種效果,也可以當做一個手段。漸變中使用的多種色彩,將它們的分布呈現柔和過渡,展示出夢幻之感。一般來說,我們安排的漸變色往往是以兩種色彩為端點,中間過渡為兩種色彩的滑翔地帶,其覆蓋的色彩范圍較廣,因此,我們很難判斷其主色是哪一固定的色值。從色溫的角度為考慮,漸變可以有暖色漸變、冷色漸變,也有冷暖過渡的漸變,而從兩端的色彩之間的關系,又分為鄰近色漸變、對比色漸變等。不同的色調漸變所呈現出的品牌氛圍各有千秋。不管怎樣,在輕設計中,漸變的色彩通常集中在高明度的色調范圍,讓畫面顯得更為通透柔和。漸變的色彩范圍也不宜太廣,色彩分布太大讓畫面本身容易陷入于混沌中。
漸變常以背景的形式出現,或運用于較大的元素之上。根據漸變色的不同,所展示的配圖以及其他組件也要根據這一漸變色而協調。
浮動于漸變背景上方的元素色彩也可以與背景形成對比,這時,漸變色的范圍就要更為精準清晰,以免讓色彩變“渾濁”。畢竟在輕設計中,維持畫面的“澄清”是很重要的。
利用漸變色系配色法的靈活多變,在一張大型配圖上方疊加一層透明漸變,也同樣是非常流行的做法。這樣作出的效果也相當炫目耀眼,能瞬間提升攝影本身的感染力。利用漸變色的變化,通過切換圖片,漸變色也隨即改變。由于漸變的飽和度較高,因此其上方的元素運用白色展示,使文字清晰可辨。
現實世界中,我們很難發現有一塊完全凝固不變的色彩,比如云彩雖說是白色,但總是又隱隱透出藍色、橙色等不同的漸變色,天空也并不盡然是全然相同的藍,而表現出了深淺不一的色調。我們在設計中運用到漸變色,也就是讓畫面還原更多的真實。還可以將漸變色運用到元素上,這時漸變色就需要更加濃烈鮮明,從背景凸顯出來,形成視覺強調。
運用漸變色增加色彩的豐富感,同時又讓畫面不至于凌亂。這在很多品牌站中所用較多。如果希望頁面顯得嚴肅,可以限制漸變所用的范圍??傊?,漸變是一種“夢幻”的手段,而絕對非目的。
多色配色法:顏色的加減乘除
色彩不僅有色相,還包括飽和度、明度、色溫等特質,與此同時,從心理層面上還會衍生出色彩的重量感、遠近距離等心理感受,兩種不同的色彩相互搭配,通過彼此的比例大小關系會衍生出更多復雜的影響。
雙色互補
將色環上處于180°相對而存在的色彩進行搭配,這兩種色彩在視覺上形成互補關系。我們知道色彩并不能簡單陳述為紅色、藍色,因此在相對的關系上也不能簡單就概括紅與藍是互補這樣籠統的結論,因為實際上紅色和藍色的色調都高低明暗種類繁多。而我們知道處于相對180°位置的一組色彩其本身相互補充又相互制衡的關系,在實際運用中會催生一種平衡的視覺滿足感。我們要做的依然是從情感上而非理性層面打開視覺的脈輪。雙色互補在運用面上并非對半平分,而是有選擇的采取一主一輔有機結合的方式,這樣有利于突出色彩的性格主題。
三色對比
處于色環上距離彼此120°位置的三種色彩,兩兩之間彼此為對比色,而這三種色彩的搭配也會形成非常和諧的組合。
此外,另有一類三色組合,是以其中兩種色彩彼此距離60°,第三種色位于它們相對180°位置上。利用前兩種色彩共同的力量而和另一個色彩形成相互制衡的關系,同樣能催生出另一種和諧。
顏色與顏色搭配絕不是簡單相加,而是運用色彩的特性,作出更加豐富的加減乘除,其結果不是得到另一個單一的色彩感受,而是綜合其上的視覺效果和情感體驗。與其說色彩像幻術一樣無法抓取,不如說對于配色,忘掉條條框框的理性分析,或許能得到更多。
RELATED INFORMATION
開創品牌的新時代。即刻與我們聯系:021- 6922 3125