入門必看!給零基礎新手的超快速色彩知識

今天這篇好文,是國外一個價值99美元的動態設計收費教程中的一小節,文章簡單精煉,圖例精美,適合新手快速學習色彩方面的知識,一起來看@Damon_Yuen 的譯文。

動態設計首要就是一種視覺媒介。我們使用視覺去傳達,獲取靈感以及引導。理解這些設計原理的核心是知道如何去組織這些視覺元素以及將它們有效傳達。接下來,讓我們僅僅聚焦在基礎的色彩理論。

入門必看!給零基礎新手的超快速色彩知識


色彩是光的產物。先鋒科學家 Sir Issac Newton(牛頓)通過使用菱鏡去將白光分解成七種單獨的顏色,揭示了光是如何組成的。他將這些顏色劃分在一個車輪上,這就是現代色環的前身。

入門必看!給零基礎新手的超快速色彩知識


色彩理論包含了數以百計的定義、概念和設計應用,這些理論加起來甚至可以出好幾本百科全書。然而,這裡有三個基本類別的色彩理論是有邏輯性且有用的:

色環(The color wheel)

色彩調和(color harmony)

顏色背景(color context)

原色

入門必看!給零基礎新手的超快速色彩知識


原色由紅黃藍組成。在傳統的色彩理論中(主要應用於繪畫和顏料),三原色是三種不能相互混合的顏色,其它所有顏色都是來自於這三個色調。

入門必看!給零基礎新手的超快速色彩知識


有了這三種原色,我們可以去創建二次色(Secondary colors):綠色、橙色、紫色。

入門必看!給零基礎新手的超快速色彩知識


混合原色與二次色,我們可以得到所謂的三次色(tertiary colors):橙黃色、橘紅色、紫紅色、紫藍色、藍綠色、黃綠色。

色環

入門必看!給零基礎新手的超快速色彩知識


我們將所有這些顏色的合成稱為色環。

色環可以被分為暖色和冷色。暖色是生動且充滿能量的,它傾向於在空間延展。而暖色則給人一種冷靜和舒緩的感覺,它傾向於在空間中消退。

顏色背景

入門必看!給零基礎新手的超快速色彩知識


一種顏色會根據其周圍顏色的不同以不同的形式出現在人眼中,我們稱之為顏色背景。所以選擇不同的顏色搭配會改變其產生的情感或認知。

色彩調和

現在我們已經有足夠的色彩理論基礎去讓我們接觸色彩調和這個概念。這就是那些可以很好地搭配的特定顏色組合,即配色方案。

入門必看!給零基礎新手的超快速色彩知識


讓我們從最基本的配色方案開始——互補色(complementary colors)

在色環中相對的兩隻顏色被我們稱為互補色。例如黃色和紫色是一組互補色,因為它們在色環中的位置是相對的。

接著我們快速瞭解其他的配色方案:

入門必看!給零基礎新手的超快速色彩知識


分離互補色(Split Complimentary):挑選一種顏色,之後加入其互補色在色環左右兩側中的顏色。

入門必看!給零基礎新手的超快速色彩知識


相似色(Analogous):色環上相鄰的三種顏色。

入門必看!給零基礎新手的超快速色彩知識


三色調(Triadic):使用色輪上相互距離相同的三種顏色。

入門必看!給零基礎新手的超快速色彩知識


四色調(Square color schemes):使用色輪上相互距離相同的四種顏色。

入門必看!給零基礎新手的超快速色彩知識


單色調(Monochromatic color scheme):使用一種色彩和它的同色系色彩來搭配。

學習顏色基礎是每個動態設計師的重要一步,這些基本概念是你開始為創作制定配色方案時所需的工具。

總結

接下來給你一個小小的考驗。當你在Vimeo、Bechance或Dribbble 觀摩別人的作品時,注意一下他們是如何搭配顏色的。研究圖像是如何結合冷色和暖色,觀察互補色是如何相互平衡,看看你是否可以做出更進一步的配色方案。

我希望本文可以讓你有信心在創作中進行配色的探索,並且能夠真正地運用色彩,去為你的創作帶來生命!

請私信我回復“666”,為U妹打Call~,還有更多驚喜哦~

.............................................................

UI妹兒—越努力,越幸運


分享到:


相關文章: