顏色是什麼?
是通過眼、腦和我們的生活經驗所產生的一種對光的視覺效應。人對顏色的感覺不僅僅由光的物理性質所決定,還包含心理等許多因素。有時人們也將物質產生不同顏色的物理特性直接稱為顏色。
物理現象
電磁波的波長和強度可以有很大的區別,在人可以感受的波長範圍內(約312.30奈米至745.40奈米),它被稱為可見光,有時也被簡稱為光。
假如我們將一個光源各個波長的強度列在一起,我們就可以獲得這個光源的光譜。
虹
一個虹所表現的每個顏色只包含一個波長的光。我們稱這樣的顏色為單色的。虹的光譜實際上是連續的,但一般來說,人們將它分為七種顏色:紅、橙、黃、綠、青、藍、紫 。
原色
「原色」指不能透過其他顏色的混合調配而得出的「基本色」。
以不同比例將原色混合,可以產生出其他的新顏色。以數學的向量空間來解釋色彩系統,則原色在空間內可作為一組基底向量,並且能組合出一個「色彩空間」。
沒有維一的指定選法
色光三原色
一般來說以光源投射時所使用的色彩是屬於「疊加型」的原色系統,此系統中包含了紅(R)、綠(G)、藍(B)三種原色,亦稱為「三原色」。
三原色強度均調至最大並且等量重疊時,則會呈現白色。
常被稱為「RGB色彩空間」
顏色三原色
一般來說以反射光源或顏料著色時所使用的色彩是屬於「消減型」的原色系統,此系統中包含了黃色、青色(Cyan)、品紅(Magenta)三種原色[4],是另一套「三原色」系統。
若將此三原色的飽和度均調至最大並且等量混合時,理論上會呈現黑色,但實際上由於顏料的原因呈現的是濁褐色。
在消減型系統中,在某顏色中加入白色並不會改變其色相,僅僅減少該色的飽和度。
CMYK 色彩空間
在印刷技術上,人們採用了第四種「原色」——黑色,以彌補三原色之不足。這套原色系統常被稱為「CMYK色彩空間」,亦即由青(C)品紅(M)黃(Y)以及黑(K)所組合出的色彩系統。
互補色
在色相環相距180度的正相對位置
印刷的CMYK補色=兩個相加會變成黑色;色光RDBK補色=兩個相加會變成白色
對比
色相環畫一個正三角形,相對於頂點,底邊上的色相全都是對比色,也就是基準色相差120度以上的顏色均為該色的對比色
互補色配色
具分離性,可以有效加強整體配色的對比度、拉開距離感,而且能表現出特殊的視覺對比與平衡效果。
給人感覺活潑、生命力
互補色比例
由於互補色彩之間的對比相當強烈,因此運用互補色時,必須特別慎重考慮色彩彼此間的比例問題。因此當使用互補色配色時,必須利用大面積的一種顏色與另一個面積較小的互補色來達到平衡。
經驗上以 3:7 甚至 2:8 的比例分配原則。
1.1-1 同色系主導 1.1-2 鄰近色主導 1.1-3 類似色主導 1.1-4 中差色主導 1.1-5 對比色主導 1.1-6 中性色主導 1.1-7 多色搭配下的主導
有主導色彩色相差
配色
由一種色相構成的統一性配色。即由某一種色相支配、統一畫面的配色,如果不是同一種色相,色環上相鄰的類似色也可以形成相近的配色效果。
1.1-1同色系配色
同色系配色是指主色和輔色都在統一色相上,這種配色方法往往會給人頁面很一致化的感受。
1.1-2 鄰近色配色
近鄰色配色方法比較常見,搭配比同色系稍微豐富,色相柔和過渡看起來也很和諧。
1.1-3 類似色配色
類似色配色也是常用的配色方法,對比不強給人色感平靜、調和的感覺。
1.1-4 中差色配色
中差色對比相對突出,色彩對比明快,容易呈現飽和度高的色彩。
1.1-5 對比色配色
主導的對比配色需要精準地控制色彩搭配和麵積,其中主導色會帶動頁面氣氛,產生激烈的心理感受。
1.1-6 中性色配色
用一些中性的色彩作為基調搭配,常應用在信息量大的網站,突出內容,不會受不必要的色彩干擾。這種過配色比較通用,非常經典。
1.1-7 多色搭配的主導
主色和其他搭配色之間的關係會更豐富,可能有類似色、中差色、對比色等搭配方式,但其中某種色彩會占主導。
2.1-1 清澈的色調 2.1-2 陰暗的色調 2.1-3 明亮色調 2.1-4 深暗色調 2.1-5 雅白色調
色調調和形成的方式
由同一色調構成的統一性配色。深色調和暗色調等類似色調搭配也可以形成同樣的配色效果。即使出現多種色相,只要保持色調一致,畫面也能呈現整體統一性。
2.1-1 清澈色調
清澈調子使頁面非常和諧,即使是不同色相形同色調的配色能讓頁面保持較高的協調度。藍色另頁面產生安靜冰冷的氣氛,茶色讓我們想起大地泥土的厚實,給頁面增加了穩定踏實感覺,同時暖和藍色的冰冷。
2.1-2 陰暗色調
陰暗的色調渲染場景氛圍,通過不同色相的色彩變化豐富信息分類,降低色彩飽和度使各色塊協調並融入場景,白色和明亮的青綠色作為信息載體呈現。
2.1-3 明亮色調
明亮的顏色活潑清晰,熱鬧的氣氛和醒目的卡通形像敘述著一場慶典,但鋪滿高純度的色彩,過於刺激,不適宜長時間遊覽。
2.1-4 深暗色調
頁面以深暗偏灰色調為主,不同的色彩搭配,像在敘述著不同的故事,白色文字的排版,整個頁面顯得厚重精緻,小區域微漸變增加版面質感。
2.1-5 雅白色調
柔和的調子使頁面顯得明快溫暖,就算色彩很多也不會造成視覺負重。頁面的同色調搭配,顏色作為不同模塊的信息分類,不搶主體的重點,還能襯託不同類型載體的內容信息。
2.2 同色調配色
這是由同一或類似色調中的色相變化構成的配色類型,與主導色調配色中的屬於同類技法。區別在於色調分佈平均,沒有過深或過淺的模塊,色調範圍更為嚴格。
2.3 同色深淺搭配
這是由同一色相的色調差構成的配色類型,屬於單一色彩配色的一種。與主導色調配色中的同色系配色屬於同類技法。從理論上來講,在同一色相下的色調不存在色相差異,而是通過不同的色調階層搭配形成,可以理解為色調配色的一種。
3.1 色相對比 3.1-1 雙色對比 3.1-2 三色對比 3.1-3 多色對比 3.2 純度對比 3.3 明度對比
對比配色法
由於對比色相互對比構成的配色,可以分為互補色或相反色搭配構成的色相對比效果,由白色、黑色等明度差異構成的明度對比效果,以及由純度差異構成的純度對比效果。
3.1-1 雙色對比
色彩間對比視覺衝擊強烈,容易吸引用戶注意,使用時經常大範圍搭配。
3.1-2 三色對比
三色對比色相上更為豐富,通過加強色調重點突出某一種顏色,且在色彩面積更為講究。
3.1-3 多色對比
多色對比給人豐富飽滿的感覺,色彩搭配協調會使頁面會非常精緻,模塊感強烈。
3.2 純度對比
相對與色相對比,純度差對比,對比色彩的選擇非常多,設計應用範圍廣泛,可用於一些突出品牌、營銷類的場景。
3.3 明度對比
明度對比接近生活實際反映,通過環境遠近、日照角度等明暗關係,設計趨於真實。