萬字干貨!6大章節幫你從零開始系統學配色

推薦閱讀

一、前言

在我們平時的設計工作中,色彩是工作中必不可少的元素。我們使用色彩一般會通過目標產品、人群、年紀來搭配合適的合適的色彩,那這其中又有哪些我們不知道的事情,我們一起來了解下吧!

二、重新認識身邊的色彩

首先我們系統的認識一下色彩的基礎知識。色彩是人腦的識別反射光的強弱和不同的光波所產生的差異的感覺,光波是電磁波的一種,就是類似于醫院給人檢查身體 X 光線,我們把日常所見的那種能看見的光稱為可見光,從現在的物理學角度解釋呢,顏色就是通過眼睛、腦,還有我們生活經驗所產生的一種對光的視覺感受,是人的視覺器官在所見光的環境下產生的視覺神經的感覺。

那我們大腦和眼睛是如何分辨各種顏色的呢?我們的眼睛是由三種視錐細胞所構成的,他們的主要功能是對我們平時所接受對光線波長進行分析和反饋及傳遞,也就是相當于翻譯官的工作。而擔任我們眼睛對波長翻譯工作的三種視錐細胞分別對應可見光范圍內的長波、中波、短波,在光譜當中,長波對應的是紅,中波對應的是綠,短波對應的是藍,這三種顏色構成了我們在辨別物體時三種最基本的顏色。

其次,三原色分兩種,一種是美術三原色,另一種則是色光三原色,美術三原色是指青色(cyan)、品紅色(magenta)、黃色(yellow),顏料越混合顏色越深,直至黑色;而色光三原色則為紅色(red)、綠色(green)、藍色(blue),顏色越混合卻會越亮,直至白色。這也是為什么我們生活中的電燈一般是白色的,因為白色包含的顏色比較多,通過它所折射的顏色信息也就更多。

美術三原色和色光三原色為啥顏色會不一樣呢,兩者又分別是怎么確定的呢?

我們怎么去理解這兩種三原色的區別呢。從本質上來說,我們能看到的物體是因為光進入人眼。而光是一種電磁波,人眼能感知的大約只有 400nm 至 700nm 范圍內的電磁波。這部分電磁波譜也被我們稱為可見光譜。

萬字干貨!6大章節幫你從零開始系統學配色

當可見光入射到我們雙眼的視網膜上,視錐細胞就會被激活,并將信息傳播給大腦。人類視網膜上共有三類視錐細胞(S M L)。

萬字干貨!6大章節幫你從零開始系統學配色

這三種視錐細胞分別對應可見光范圍內的長波、中波、短波,在光譜當中,長波對應的紅色,,中波對應的是綠,短波對應的是藍,所以說,我們能看到的顏色其實是生物概念的,而非物理概念的。像鳥類就是四色視者,它們眼中的四種視錐細胞。除了紅色、綠色、藍色以外它們還能看到人類看不到的紫外線。

萬字干貨!6大章節幫你從零開始系統學配色

早在 17 世紀,年僅 23 歲的物理學家牛頓就發現經過三棱鏡的折射,由于每種基本色的光波長度都是不一樣的,所以當一道白光他經過三棱鏡之后,根據波長依次排開,這個光線它就被散射成了不同的顏色而這便是著名的色散現象。

萬字干貨!6大章節幫你從零開始系統學配色

那時,人類開始在彩色光中尋找原色。所謂原色,是指混合其他顏色無法獲得的“基本色”。當時牛頓率先將自然光分為七種單色光。我們現在知道,彩虹由七種顏色組成:紅色、橙色、黃色、綠色、藍色和紫色。但是從科學的角度來看,我們不能說彩虹是七種顏色,但它實際上是一個連續的光譜。這就是為什么當我們親眼看到彩虹時,我們總是不能正確計算顏色的原因之一。

事 實上,在開始的時候,牛頓把這個光譜分成了 11 種顏色。但他很快就把 11 改成了 7,據說是因為 7 色對應的是煉金術中的 7 個音階,7 種金屬,7 個步驟。所以這個決定比較得心應手。

萬字干貨!6大章節幫你從零開始系統學配色

在之后,經過多次實驗牛頓還發現了一個重要規律。當混合紅、綠、藍這三種顏色時,就能得到白光。此時的牛頓便得出結論:白光是各種不同顏色的光混合而成。這個發現奠定了經典力學時代,對光學以及色彩研究的理論基礎。

1. 發現三原色

物理學家牛頓在 1643-1727 年發現七種顏色的光后,開始推斷既然白光可以分解合成,那么這七種顏色的光也可以分解合成嗎?經過一段時間的實驗,牛頓計算出七種顏色中,只有紅、綠、藍三種顏色不能分解合成。而其他四種顏色可以由這三種顏色以不同的比例組合而成。所以紅、綠、藍被稱為“三原色”。但這只是他的推斷,并沒有經過實驗證明。

一個世紀后,托馬斯楊在 1773 年至 1829 年間也有了新的發現。托馬斯楊首先測量了七種光的波長,并確立了三原色更完美的原則。于是他提出顏色依賴于眼睛中三種不同的神經,這三種神經分別對紅、綠、藍最敏感。所有顏色都可以與紅、綠、藍以不同的比例混合。這一原理已成為現代色彩研究的理論基礎。

從 1777 年到 1851 年,比托馬斯楊小四歲的丹麥物理學家奧斯特,在 1820 年,基于托馬斯楊晚年發現電流的磁效應,英國物理學家法拉第扭轉了他的想法,最終在 1831 年發明了人類歷史上第一臺圓盤發電機。后來,隨著大量玩電科學家的出現,電氣設備得到了大規模的改進和使用。燈泡和發光二極管相繼發明,人類學會了用電來創造光。

人類在學會了如何用電來制造光之后,根據前人的光學和顏色研究成果,制造出了可以發出紅、綠、藍三種顏色的光源。通過調整不同光量的比例,可以調制成千上萬種顏色。隨著單色光源的尺寸越來越小,無數的 RGB 組合依次排列,水平和垂直布局,封裝在一個面板上,就有了我們今天看到的電子顯示器。

二、什么是顏色模型

我們看到的圖像數據用二維的形式表現。 這些照片既有色彩鮮艷、也有富有表現力的彩色照片,還有沉郁頓挫的黑白風格。 有些照片只有純黑色和純白兩種顏色。 這樣的都是圖像的不同表現形式,接下來我們將通過不同的色彩模型了解他們的區別。

1. RGB顏色模型

RGB 顏色模型應該是我們在平時生活中接觸最多的一種顏色模型,這個也是我們人眼能辨別的顏色值的不同所組成的。RGB 色彩模型是將紅、綠、藍 3 種不同顏色,按照亮度配比的不同進行混合,從而顯示出不同的顏色。由于在實現上使用了 3 種顏色的定量配比,因此該模型也被稱為加色混色模型。通過 3 種最基本顏色的混合疊加來表現出任意的一種顏色的方法現在多用于顯示器等主動發光的顯示設備。

萬字干貨!6大章節幫你從零開始系統學配色

2. CMYK顏色模型

如果說三原色調色的使用是人類發明的,那么 CMYK 四色印刷的原理和應用只能算是發現。在公元之前,聰明的古埃及人和中國人已經知道如何從自然環境中收集顏料。但是由于缺乏理論知識和技術瓶頸,可以調制的顏色非常有限。隨著人類文明的不斷發展,人們從大自然中發現了更多的奧秘,逐漸學會了用更少的顏料制作更多的顏色。到目前為止,在平面設計領域已經有了一種四色印刷模式。

也就是說,利用顏料和黑墨水三原色混色的原理,總共可以混合疊加四種顏色,我們看到的大部分顏色都是可以混合調制的。

印刷四分色模式(CMYK)是彩色印刷時采用的一種套色模式,利用色料的三原色混色原理,加上黑色油墨,共計四種顏色混合疊加,形成所謂“全彩印刷”。四種標準顏色是:

C:Cyan= 青色,常被誤稱為“天藍色”或“湛藍”

M:Magenta= 洋紅色,又稱為“品紅色”

Y:Yellow= 黃色

K:blacK= 黑色(此處縮寫使用最后一個字母 K 而非開頭的 B,是因為在整體色彩學中已經將 B 給了 RGB 的 Blue 藍色)

顏料的混合是減色混合,混合在一起的顏料越多,顏色就會變得渾濁暗淡。CMYK 四色模式是工業印刷的產物。CMY 三色混合不能像藝術三原色(紅、黃、藍)那樣得到純黑色,所以有必要添加額外的黑色墨水來使顏色變暗。此外,灰色和黑色在工業印刷過程中非常常見的,CMYK 四色印刷可以調制比藝術三原色更豐富和更精細的顏色(即更寬的色域)。因此,采用 CMYK 四色印刷模式是毋庸置疑的,CMYK 四色印刷已經成為印刷行業的標準。

下圖為 CMY 疊色示意圖

萬字干貨!6大章節幫你從零開始系統學配色

3. HSV / HSB 顏色模型

HSV 色彩模型大家可能不是特別熟悉,這是一種采用色調(H)、飽和度或者純度(S)、明度或亮度(V)3 個參數來表示顏色的一種方式。S 指的是色彩的純度,這個切面也是設計軟件中的拾色器。

① 色調(Hue)

以角度的形式進行度量,其取值角度范圍是[0,360]。紅色、綠色、藍色 3 種顏色以逆時針方向進行排列。例如紅色的位置為 0°,綠色為 120°,藍色的位置為 240°。例如我們所說的藍色、綠色、紫色就是色相的不同。為了方便我們對色彩的表述和研究,我們把光譜中可見光的色彩序列首尾相接,構成一個 360°的色相環,每一度就表示一種顏色。

② 飽和度(Saturation)

飽和度反映了一種顏色與光譜顏色的接近程度。某種顏色是光譜顏色和白光混合的結果。如果某一種顏色中的白色成分較少,則顏色更接近于光譜色,表現出顏色又暗又亮的效果,此時飽和度較高。相反,對于一種低飽和度的顏色來說,它包含的白色成分越多,它的顏色便偏向于白色,則鮮艷程度下降。

例如我們小時候追星的時候房間都會貼滿明星的海報,等過了幾個月,原來色彩鮮艷的海報的顏色會慢慢的褪去,當看到這種情況,我們作為設計師的氣質本能的會說:海報的色彩飽度相比之前降低了不少,當紙張的飽和度為零時也就是紙的本色。

也就是說,飽和度反映的是某種顏色中的白色成分,可以用 0 ~ 100%來表示。值越高,飽和度越高,光譜顏色的成分越多。

③ 明度(Value)

明度顯示了某種顏色的亮度,這可以稱為光的強度產生的視覺體驗。我們看到的顏色越亮,明度值越高,反之則越低。例如,比較深紫和粉紅色,深紫更暗,而粉紅色更亮,因此認為粉紅色的明度比深紫高。同樣,我們也可以用百分比的形式來表示某種顏色的明度。

例如一個房間的燈是 10w 和另外一個房間的燈是 50w,其亮度也是大不相同的,在我們常用的設計軟件中,亮度的取值中也為 0~100,為 0 時就是純黑色,為 100 時即為最亮。

萬字干貨!6大章節幫你從零開始系統學配色

三、顏色模型的應用場景

① RGB 顏色模型應用場景

在我們平時的設計工作中,使用的比較多的是 RGB 是我們最常見的色彩模型,在設計印刷品的時候也會使用 CMYK 色彩模型,其次還有一些做設計用的比較少 Lab 模型和 Hab 模型。

現在的我們使用的電視屏幕或者電腦顯示器上的各種顏色組成就是由 RGB 按照不同的比例組成的,它們一組紅綠藍就是組成這些像素的點,這也是很多人每天樂此不彼對比哪個品牌的手機像素好。

但是它們可能不是很了解像素好是什么意思,像素好就是說你的像素點多,每一種顏色圖案都是有很多點組成的,這些點就是一組 RGB,點越多像素就越高,顏色也就越明亮,圖像也越清晰,電腦上的亮度就是指 RGB 的多少,而且都是整數,RGB 一般是有 256 個亮度。

從 0 開始到 255,這都是一個亮度,三個顏色有三個 256 亮度,這其中的 0 不想是我們生活中似的可以忽略不計,這也是一個亮度,每一種基色都有 256 種亮度所以它們的組合顏色數就是 256 的三次方,大約是 1678 萬種顏色,所以我們也一般稱為千萬色。有時候也稱之為 24 位色,就是指 2 的 24 次方,它們存在的越多那么我們看到的世界的顏色也就越真實,像是白色在電腦上的組成就是 255.255.255,相對的黑色就是 0.0.0 這是在電腦上顏色數值代碼。

那么對應的 RGB 數值就是,R 紅色為 255.0.0,G 綠色為 0.255.0,B 藍色的為 0.0.255,就是根據這三個基色的不同組合組成我們所見到的各種顏色,學過 PS 的人一般對這種模式是比較熟悉的,很多圖片的處理工具都是運用的 RGB 模式。

一般應用的地方就是我們的顯示器,投影儀,掃描儀,數碼相機,數碼相機有些是用 CMYK 模式來進行拍照的,但是像是我們的顯示器,最早的電視是黑白色彩的,漸漸地都改為 RGB 模式的了,電腦上顯示器用的是 RGB 模式。

萬字干貨!6大章節幫你從零開始系統學配色

一般你的電腦畫面不流暢的時候,一般就是 RGB 的基點少,顯卡沒夠符合所需要的基點,游戲上的畫質取決于基點,濃度越高,畫質越好,反之畫面不流暢,RGB 模式在我們生活中起到的作用很大,但是因為它是發光的,所以一般應用在顯示設備中。

萬字干貨!6大章節幫你從零開始系統學配色

②? CMYK 顏色模型應用場景

CMYK 色彩模型是為了印刷工業開發的一種顏色模式,由于 CMYK 的顏色比 RGB 顏色范圍要小些,故在打印圖像時,不能打印 RGB 模式的圖像,這時需要將 RGB 模式下的圖像更改為 CMYK 模式。如果將 RGB 模式下的圖像進行轉換,可能會出現顏色損失或偏色的現象。

模式的轉換是根據需要來定的,一般來說,RGB 模式比 CMYK 模式的顏色更豐富,色彩更鮮艷,轉換為 CMYK 模式后,顏色會變暗,但如果要印刷就必須得用 CMYK 模式。RGB 模式的圖若想轉成 CMYK 模式的圖,要先通過 Lab 模式再轉換為 CMYK 模式,它是介于 RGB 和 CMYK 之間的模式。但盡管這樣,轉換過后還是會變顏色。

萬字干貨!6大章節幫你從零開始系統學配色

③ HSV/HSB 顏色模型應用場景

它是根據顏色的直觀特征由 A.R.Smith 于 1978 年創制的一種顏色模型。因為 S 指的是色彩的純度,這個切面也是設計軟件中的拾色器。所以我們在大部分的設計軟件中運用的拾色器也是由它完成的。

萬字干貨!6大章節幫你從零開始系統學配色

1. 色彩的應用-信息傳遞

顏色傳遞信息是在人們千百年以來文明演化所形成的共識的一種結果,比如早在先秦時期,就已經產生了以服色區分貴賤的觀念,但那也只能區分貴族與庶民奴隸之間的界限,不能嚴格的區分天子、貴族、清皇室之間有種別差別,而到了隋唐以后,等級制度開始了,高度的強化,你身上的顏色,形成了一個嚴格的等級序列,哪一種身份的人要穿哪一種顏色的衣裳都是定制的。

到了唐代的時候,五品以上的官員,是可以穿紫色的衣服,然后無品官呢,是可以穿全黑色,有時是淺紅色,然后七品官是綠色,宋代的話呢,庶民就只允許穿白色的衣服,明代的百姓都要避開黑色,紫色,綠色,柳黃和明黃色。這個就是我們所熟知的品色服的制度。

到了現在,雖然顏色沒有那么麻煩的規矩,但是也有許多共識,比如表現危險常用的紅色,表示安全通行的綠色,也有表示警告的黃色,如果我們用綠色去設計警告的標示牌,這樣肯定會給日常生活帶來不少的麻煩。所以我們在設計某些特定的顏色的時候其實心里已經有了該使用的場景了。

萬字干貨!6大章節幫你從零開始系統學配色

2. 色彩的應用-情感傳遞

用顏色來傳遞情感也是中國自古以來比較擅長的,例如,“最愛湖東行不足,綠楊陰里白沙堤”。相信詩人白居易的這首錢塘湖春行,大家都有學習過,綠楊陰里白沙堤很容易讓我們聯想到楊柳的葉子,和白色的沙堤通過這一系列的描寫很容易體會到詩人對錢塘江的喜愛之情。

除了這些,我們還可以通過顏色的色相來傳遞情感,比如我們遇到比較悲傷事情,一般在朋友圈的配圖會選擇黑色或者灰色,來暗示自己心情不好,另外這種無彩色也可以傳遞一種壓迫或者緊張感,比如我們以前學過的詩句“黑云壓城城欲摧”,僅用一句話就描寫出當時戰爭的緊迫感,所以顏色來傳遞情感也是顏色所具備的屬性之一。

萬字干貨!6大章節幫你從零開始系統學配色

多彩的顏色能傳遞出的信息更多,例如飽和度比較高色彩的圖片能傳遞出喜愛開心或者青春的感覺。所以能讓我開心剁手的雙十一或者雙十二多半使用地顏色會比較艷麗。

萬字干貨!6大章節幫你從零開始系統學配色

3. 色彩的應用-品牌傳遞

色彩體系在品牌傳遞中也是極為重要的一環。例如我們走在大街上,看到這個顏色的麥當勞你還敢去吃嗎?

萬字干貨!6大章節幫你從零開始系統學配色

所以色彩是一種無聲的語言,它讓品牌帶來的記憶點絕對是高于圖形的,所以現在的互聯網企業也開始慢慢的注重自己的品牌色的規范以及在 UI 設計中的延展應用。

四、色彩的三要素

我們在對一種顏色進行描述時,常常可以用深紅,淺藍,墨綠或者明黃色名來描述,雖然在一定程度上也能進行顏色信息的交流,但這是不夠嚴謹和科學的。在顏色管理中,建立顏色體系,才有顏色統一的共同語言,才能進行顏色信息的準確交流。常用的顏色體系有:

  1. 美國的孟塞爾顏色體系(Munsell color system)
  2. 德國的 DIN 顏色體系
  3. 瑞典的自然顏色體系(Natural Colour System)
  4. 奧斯特瓦爾德顏色體系(Ostwald Colour Order System)
  5. 中國顏色體系

1905 年, 孟塞爾(Albert H. Munsell)開發了第一個廣泛被接受的顏色次序制(color order system),稱為孟塞爾顏色系統(Munsell color system),對顏色作了精確的描述。孟塞爾顏色空間描述的所有顏色集合體稱為孟塞爾色立體(Munsell color solid),孟塞爾色立體像一個扭曲的偏心球體。

孟塞爾色彩體系科學的、系統的、明確的透過明度(value)、色相(hue)及純度(chroma)三個維度來描述顏色的方法,這三個概念今天也被稱作色彩的三要素。

萬字干貨!6大章節幫你從零開始系統學配色

1. 色調的構成

我們一直都在說色彩和色調,那色彩和色調到底是什么呢?

① 色調:決定色調的是反射的光線中哪種光線占優勢,通常以一幅畫的色相、明度、冷暖、純度四個方面定義一副畫的色調。

注意:色調并不是指顏色的性質,而是對一副作品整體的評價概括,是一種作品色彩的傾向。

一幅繪畫作品雖然有很多顏色,但總體有個傾向,是偏藍 or 偏紅,偏冷 or 偏暖,傾向就是色調。

萬字干貨!6大章節幫你從零開始系統學配色

② 色彩:由色調抽象出來的感情,或者理解為一幅畫的感覺。

2. 色調-明度基調

因為色彩之間明度的不同,形成的對比關系,叫明度對比。所以,相同色相不同明度和不同色相不同明度,均可形成明度對比。色彩對比中,明度對比是最能表現色彩層次感、空間感、清晰感、重量感和軟硬感的對比關系的。

我們將明度色標分為 9 度。1 度—3 度稱為低調色,4 度—6 度稱為中調色,7 度——9 度稱為高調色。高調色顯得活波、可愛、柔軟、明亮和輕感。低調色是樸素、豐富、遲鈍、重、雄大、有寂寞感的感覺。

在色調的明度對比中,明度對比的強弱取決于色彩之間明度差別的大小。明度差別越大,對比就越強,明度差別越小,對比就越弱。

以無彩色調劃分的 9 級明度等級為基本標準,可將明度差別強弱劃分如下:

  1. 短調對比(弱對比):明度差別在 3 級以內。
  2. 中調對比(中對比):明度差別在 3-5 級內。
  3. 長調對比(強對比):明度差別在 5 級以上。

① 色調-明度基調-高調

在設計作品中一般采用高長調的作品會有明亮,輕柔,純潔等特征。一般給人聯想到比較美好的事物,例如明媚的天空,鮮花綻放的郊游場景等。這類型的設計作品一般以較大面積的高調色大約是 70%-85%,然后再配以小面積的低調色,這樣作品一般層次分明,對比比較強。

萬字干貨!6大章節幫你從零開始系統學配色

② 色調-明度基調-中調

中調類型的作品一般給人的感覺比較沉穩,不會讓人有特別的情緒波動,不會有人特別的喜歡或者特別討厭。

萬字干貨!6大章節幫你從零開始系統學配色

③ 色調-明度基調-低調

低調類型的作品給人的聯想詞一般是以厚重,沉悶,陰沉,遲鈍的特點。我見過比較多的就是黑金類型的搭配。

萬字干貨!6大章節幫你從零開始系統學配色

3. 色調-明度對比

① 色調-明度對比-長對比

長調對比(強對比):明度差別在 5 級以上。

萬字干貨!6大章節幫你從零開始系統學配色

長對比的作品形成強烈明暗對比。反差大,有對比強烈、清晰度高、爆發力強的視覺效果。

萬字干貨!6大章節幫你從零開始系統學配色

② 色調-明度對比-中對比

在色調明度對比中對比 5 以內,3 以上的叫中對比。

萬字干貨!6大章節幫你從零開始系統學配色

整體效果為中調的弱對比。具有模糊、朦朧、含蓄、樸素、平板、夢幻般效果。

萬字干貨!6大章節幫你從零開始系統學配色

③ 色調-明度對比-短對比

在色調明度對比中色階跨度 3 階以下的叫短對比。

萬字干貨!6大章節幫你從零開始系統學配色

短對比的作品一般具有莊重、含蓄、朦朧的效果。

萬字干貨!6大章節幫你從零開始系統學配色

4. 色調-冷暖對比

因色彩色調的差別而形成的色彩對比,稱之為冷暖對比。色彩的冷暖感覺是人們在長期生活實踐中由于聯想而形成的。紅、橙、黃色常使人聯想起東方旭日和燃燒的火焰,因此有溫暖的感覺。藍色常使人聯想起高空的藍天、陰影處的冰雪,因此有寒冷的感覺,所以稱為“冷色”,其實是綠、紫等色給人的感覺是不冷不暖,故稱為“中性色”。

萬字干貨!6大章節幫你從零開始系統學配色

一般來說,冷色調的顏色,包括黑、灰、茄子藍、深褐色、墨綠、紫等,在視覺上有收縮的作用。

萬字干貨!6大章節幫你從零開始系統學配色

所以一般黑色的褲子會比亮色的褲子看起來腿會更瘦點,這也是通過科學原理來讓自己看起來更瘦點。

萬字干貨!6大章節幫你從零開始系統學配色

① 色調-冷暖對比-暖色調

因為人們生活的習慣和接觸事物的感受,一般紅色橙色黃色被稱為暖色調。

萬字干貨!6大章節幫你從零開始系統學配色

而紅色也是極暖色,其次是紅色自身代表的含義也是比較多的。給人的聯想詞基本上就是熱鬧,開心,溫暖等。

萬字干貨!6大章節幫你從零開始系統學配色

② 色調-冷暖對比-冷色調

因為人們生活的習慣和接觸事物的感受,一般的冷色調則是以青色和藍色為主。

萬字干貨!6大章節幫你從零開始系統學配色

在冷色調中,以藍色為極暖的色調,一般夏天的衣服也是以冷色調為主色的比較多,是給人心理上的補償。

萬字干貨!6大章節幫你從零開始系統學配色

③ 色調-冷暖對比-中性色調

說起中性色大多數人第一反應就是指黑、白、灰這些無顏色系。但現在中性色的定義更為寬泛,還包括了紫色、綠色這些明確冷暖的色彩系列。

萬字干貨!6大章節幫你從零開始系統學配色

中性色的運用應該是比較靈活的,不應受一些固定的搭配限制。可以大面積運用在設計作品中,將其作為設計的主色調,這樣并不會顯得突兀或者沉悶。輔以其他色彩點綴,能打造出平靜溫和也能打造出高級質感。

萬字干貨!6大章節幫你從零開始系統學配色

④ 色調-冷暖對比-相對冷暖

在暖色里面也是有冷暖之分,我們把這種稱為相對冷暖,就是有對比便會有區別。飽和度越高看起來會更加偏向暖色。

萬字干貨!6大章節幫你從零開始系統學配色

我們可以得出結論,越暗飽和度越低,相對冷暖中就越冷。

萬字干貨!6大章節幫你從零開始系統學配色

5. 色調-純度

色彩的純度。從左至右,純度由高變低。純度越高,顏色越正,越容易分辨。同一種顏色含有灰色的成分越多,純度越低,也就是我們常說的“臟”。

萬字干貨!6大章節幫你從零開始系統學配色

另外我們也會將純度進行分類,一般我們將它分為:無彩度,低彩度,中彩度,高彩度。

萬字干貨!6大章節幫你從零開始系統學配色

① 色調-純度-低彩度

低彩度的作品一般呈現比較質樸,素雅的設計作品,有的看起來有一種高級感,一般給予人的聯想詞是看起來情緒波動不大。

萬字干貨!6大章節幫你從零開始系統學配色

② 色調-純度-中彩度

中彩度的設計一般會給予人比較舒適,向往美好,青春,明快、活潑的視覺效果。

萬字干貨!6大章節幫你從零開始系統學配色

③ 色調-純度-高彩度

高彩度是視覺感受明顯高于前兩種的體驗,一般給予人以力量、有對比強烈、清晰度高、積極的視覺感受。

萬字干貨!6大章節幫你從零開始系統學配色

五、色彩的聯想

色彩的直接心理效應來自色彩的物理光刺激對人的生理發生的直接影響,色彩直接影響生理。所有信息都會運用聯想效應,色彩出現在不同場景下情緒反映也不同。

聯想效應(Associative Effects)又稱邏輯誤推效應,是指聯想是由一事物想到另一事物的心理過程。色彩聯想分為具體聯想和抽象聯想。具體聯想是由看到的色彩聯想到具體的事物,如看到紅色,聯想到太陽、火焰、紅旗等;抽象聯想是由看到的色彩聯想到某種抽象概念,比如見到紅色聯想到溫暖、危機、喜慶等。(看到色彩聯想到具體的事物,看到色彩聯想到抽象的概念,只是一種感覺而非物體)比如當你肚子餓了,你看到這樣的一道菜肯定想去吃的。

萬字干貨!6大章節幫你從零開始系統學配色

那同樣還是這道菜,你還是肚子餓了,如果炒成這個顏色端出來給你你肯定是不愿意吃的,甚至還會懷疑這道菜有毒,因為我們現實生活中很少有好吃的會是這個顏色,它不符合我們對食物的色彩聯想。

萬字干貨!6大章節幫你從零開始系統學配色

例如我們生活中的很多設計也是運用了色彩聯想的方式,我們才會感覺他們融入我們的生活里是沒有問題的,例如,比如:從形狀和色彩上聯想最接近的物體...熊。

萬字干貨!6大章節幫你從零開始系統學配色

例如紅色的裝扮的教練可能會給我們更熱情的感受一樣。這都是我們自己對色彩的聯想。

萬字干貨!6大章節幫你從零開始系統學配色

所以當我們去面對不同的色彩,會給人感官上帶來不同的感受。面對不同的顏色,人們就會產生冷暖、明暗、輕重、強弱、遠近、膨脹、快慢等不同的心理反應。這都是色彩背后的一些寓意/屬性/聯想給我們帶來的感受。

1. 色彩屬性 / 印象坐標

我們對每一種顏色的固有印象已經形成了,那我們怎么去劃分每個顏色的屬性或者印象呢?這里需要用到一個坐標,把我們對顏色的共識按照分類劃分下來,這樣去總結去歸類,我們在實際的工作中才能派上用場。

萬字干貨!6大章節幫你從零開始系統學配色

我們把它轉換成每個顏色代表的大致屬性也是可以分類的。

萬字干貨!6大章節幫你從零開始系統學配色

其次全球是每個行業所采用的 LOGO 色彩歸類。

萬字干貨!6大章節幫你從零開始系統學配色

2. 色彩的心里映射及應用

① 黑色

黑色是與人類關系最密切的顏色之一。在原始社會時期,黑夜和死亡對人類來說是最神秘的。許多國家在葬禮上穿黑色衣服來表達對死者的哀悼,這是原始的遺產。耶穌基督周五去世,現在中國很多基督徒信仰基督教,于是“黑色星期五”在中國流傳開來。

在現代社會,黑色的不吉利因素正在慢慢消失并被人們所接受,這意味著現在會有更多的人購買黑色汽車,許多高端品牌的設計開始以黑色來凸顯其質量。

夜和煤的顏色是黑色的,渾厚的風格也是黑色的。20 世紀 60 年代,美國一個重要的文學流派被稱為“黑色幽默”,所以黑色也是力量和勇氣的象征。它具有男人的毅力、力量和認真的特點,在產品中的應用可以突出產品的質量。

在設計中,黑色作為一種無彩色,與其他顏色搭配會使其他顏色看起來更亮。

萬字干貨!6大章節幫你從零開始系統學配色

② 白色

白色是所有顏色光的混合物,也稱為全色光。它是陽光的顏色,白晝的顏色。因為白色既反射色光又反射熱能,所以夏天穿白色或淺色的衣服能讓人感到輕松舒適。

其次,在基督教中,白色可以使人純潔、神圣、明亮。在歐美的所有婚禮上,新娘通常穿著白色的婚紗,這是神圣和幸福的象征。然而,中國的傳統習俗與西方不同。白色是喪、白孝、花、白領帶的顏色,白色代表死者的記憶。但也有一無是處和失敗者的象征,因為中國有句古話叫“一窮二白”。

白色可以搭配各種顏色。將白色添加到暗淡的顏色中會立即變得明亮。

萬字干貨!6大章節幫你從零開始系統學配色

③ 灰色

灰色是介于白色和黑色之間的中性顏色,帶有知識分子的味道。不同的是,灰色給人的感覺是單純、冷靜、孤獨。在設計上,灰色一般用作視覺的過渡區,也是休息區。

在我們的現實生活中,多云的天空、城市道路和水泥路都是灰色的。所以在設計中大部分時間都是用灰色作為背景色。

灰色是保證色彩和諧的重要配角。沒有配角的大力配合,主角也沒有那么出彩。在 UI 設計中,灰色經常作為一種未被選中的顏色來傳達信息,所以灰色也有負面意義。

萬字干貨!6大章節幫你從零開始系統學配色

④ 紅色

紅色與人類的關系,和黑白一樣古老。對原始人來說,紅色代表生命,與血、火、太陽緊密相連,具有激情、激情、沖動、活力、溫暖的特點。

在一些國家,由于不同的種族和宗教信仰,深紅色也被認為是嫉妒和暴政的象征。在基督教中,紅色象征著基督的血和上帝的愛,而在佛教中,紅色是生命和創造的顏色。在紅色感染下,人會有反抗的沖動。紅色也是顏色符號的國際術語。無論在哪個國家,都有共產主義的含義,象征著投身革命洪流的人們的獻血和熱情。

在中國,紅色是中華民族最喜愛的顏色,甚至成為中國人的文化圖騰和精神皈依。周朝東漢、唐朝、武周、宋朝、明朝國色都是紅色。紅色逐漸成為奢侈和幸福的象征。

在現代社會,紅色用來表示停止、警告、危險、防火等。比如消防車、救護車的停車信號是紅色。

萬字干貨!6大章節幫你從零開始系統學配色

⑤ 橙色

橙色具有紅、黃兩色的特性,既有紅色熱情,又有黃色光明、活潑的性格,是色彩中最溫暖、最歡快的色彩。火焰中橙色比例最大,是最具輝煌度的顏色。它使我們聯想到收獲的金秋、暖和的陽光、醉人的氣氛,是一種富有滿足感的快樂的顏色。

萬字干貨!6大章節幫你從零開始系統學配色

橙色在視覺的刺激作用雖然沒有紅色強大,但它的視覺視度很高。工業用色中,作為警戒的指定色,如養路工人的工作服、救生衣、建筑工人的安全帽和雨衣等多用橙色。

萬字干貨!6大章節幫你從零開始系統學配色

橙色一般的特性是:溫暖、歡快、輝煌、滿足、歡快、收獲、自信、健康。

萬字干貨!6大章節幫你從零開始系統學配色

⑥ 黃色

黃色代表太陽的顏色,是燦爛的代表。所以人們經常把它與太陽和一切發光的事物高度綁定在一起。黃色象征明亮的、希望。散發秋天收獲糧食的香氣,也是所有色調中可見度最高的顏色。在高亮度下仍能保持高色度。因此,黃色經常與神圣的東西聯系在一起。同時,黃色也是金色和豐收的顏色,常與華麗聯系在一起。除了前面提到的陽光、檸檬、迎春、麥田,還有向日葵、雛菊香蕉、梨、蛋黃、郁金香、瓜、銀杏、啤酒、食物。

萬字干貨!6大章節幫你從零開始系統學配色

在中國封建社會,黃色也是一種特殊的顏色,那時候的黃色被規定為帝王的專用色,被視為作權力、威嚴、財富、高貴、驕傲的象征,一般老百姓不許用,在古羅馬,黃色也被當作貴族專屬的顏色,象征光明、希望和未來。

萬字干貨!6大章節幫你從零開始系統學配色

而在大洋彼岸的美國、日本,黃色被視為想念、希望的代表。在佛教中,黃色被譽為最崇高的色彩,代表超俗,僧人的衣裝和寺院佛閣多采用黃色;而黃色在基督教則被認為是叛徒猶大的衣服顏色,是卑劣可恥的象征;在伊斯蘭教里,黃色使人聯想到沙漠、干旱,是死亡的象征,在現代,黃色有時和財富、輝煌、榮耀聯系在一起,有時又和商業氣氛,甚至和色情、淫穢聯系在一起。

由于黃色明度較高,在日常生活中常被用在引人注意或告知危險的工地、交通引導用的指示牌等,如小學生戴的小黃帽,就是為了在過馬路時引起過往車輛注意。

萬字干貨!6大章節幫你從零開始系統學配色

一般的顏色搭配綠色底上,由于綠色本身含有黃色和藍色的成分,看上去比較協調。深藍紫色底上的黃色和黑色底上的黃色達到了自己最明亮和最耀眼的光輝,這時的黃色是有力的、鮮明的。紅底色上的黃色帶有節慶的氣氛,這是中國人都普遍喜歡的色彩組合。

萬字干貨!6大章節幫你從零開始系統學配色

⑦ 綠色

綠色在色彩里屬于中性色,對人的視覺感覺無論是心理還是生理都屬于比較溫和的。我們常見的色彩,除了天空和大海是藍色除外,地球上的綠色面積應該是最大的,植物大部分是綠色的,所以綠色是我們在自然界中最常見到的顏色之一,從古至今,人們就生活在綠色的懷抱里,所以綠色會給予人獨有的安全感,置身于綠色中,人會有疲勞頓消的感覺,因而醫院經常會出現淡綠色調。綠色被視為春天、希望、和平、新鮮、寧靜、年輕、成長、安全、朝氣蓬勃和旺盛的生命力的象征。

萬字干貨!6大章節幫你從零開始系統學配色

《圣經.創世記》里有一個故事講,“鴿子完成使命后, 嘴銜綠色的橄欖葉向主人通報平安。從此,鴿子、綠色、橄欖葉就成了和平的象征”,因此鴿子也被稱為和平鴿。據說現代的郵政色彩就是從這個典故而來的。

萬字干貨!6大章節幫你從零開始系統學配色

綠色在工業顏色法規中是安全的顏色;醫療機構和醫療保健行業的綠色,意味著健康、新鮮、安全和希望;綠色食品是無污染、天然安全的食品。綠色通道是安全通道;在交通信號中,綠燈是通行;綠色也用作國防色和防護色,因為它接近自然色。國際知名的綠色和平組織也以綠色為代表色。

萬字干貨!6大章節幫你從零開始系統學配色

⑧ 藍色

藍色是自然界中使用最廣泛的顏色。天空和海洋每天都用藍色包圍著地球,我們很熟悉。大多數人對藍色并不反感。藍色非常適合用來表達深遠的空間。藍色能讓人豁達,冷靜,理智。除了藍天大海,我們的生活中還有很多東西是藍色的。比如:牛仔褲是藍色的,車牌(中國)是藍色的,有些車是藍色的,有些運動服是藍色的,這是自然界中使用最廣泛的顏色。

萬字干貨!6大章節幫你從零開始系統學配色

藍色是許多歐洲人和美國人最喜歡的顏色。它有一種保守的感覺,讓人覺得值得信任。其實藍色幾乎適合所有人的膚色。可以說,藍色是一種深受全世界喜愛的顏色。大海給藍色帶來神秘。在歐洲文化中,藍色是上帝的代表色。深藍色是一種簡約內向的顏色,似乎蘊含著大自然的力量。這種力量隱藏在黑暗和寂靜中;淺藍色是天空中流動的大氣的顏色,是偉大和永恒的象征。在現代,藍色是前衛、科技和智慧的象征。很多企業,包括技術、工業、金融等行業,都把藍色作為企業形象的主色調。

萬字干貨!6大章節幫你從零開始系統學配色

藍色是所有色調中最冷的,與橙色形成鮮明對比。藍色的寒冷使它很容易與雪、樹木的投影、大海、天空、水等聯系起來。不同的藍調有不同的傾向。純藍,簡約大方,充滿青春氣息;微灰深藍讓人感覺有一定的格調;亮淺藍色,輕盈透明,空間感深刻;深藍色(藏青色)有一種穩重柔和的魅力。

萬字干貨!6大章節幫你從零開始系統學配色

⑨ 紫色

紫色是所有色調中明度最低的顏色,是神秘氣氛的制造者。太陽升起和落下時從云中透射出來的陽光;我們平時看到的天空和大海都不是純藍色的,無論是白天還是晚上都會有不同程度的紫色。很多花是紫色的,比如薰衣草、勿忘我等等。紫色在自然界總是和綠色一起出現,兩者的搭配和諧動人。

萬字干貨!6大章節幫你從零開始系統學配色

紫色貴族感是歷史造成的。紫色是自然界中罕見的顏色。據說在古代,紫色只能從少數動物、植物或礦物中提取。無論是原料還是工藝都說明紫色來之不易,所以稀有珍貴。紫色因其稀有珍貴,成為歐洲皇室和貴族的特殊顏色。中國古代一品官員的官服多為紫袍。

在中國,清華大學的 VI 也是紫色的。

萬字干貨!6大章節幫你從零開始系統學配色

3. 色彩組合

我們所熟知的對比色、近似色這些,他們只是搭配顏色的一部分,他們也只是色環上的色彩組合,也單純指的是色相上的變化。

萬字干貨!6大章節幫你從零開始系統學配色

① 近似色

近似色也叫同類色,是色相環上兩個色相值之間與色環之間的夾角小于 30 度的顏色,色差很小,給人以單純,穩定、溫和的感覺,可以使畫面保持統一,只能通過色彩的明暗參差來表現畫面的立體感,如要使畫面突出,可以點綴點對比色,增加畫面的亮點。

萬字干貨!6大章節幫你從零開始系統學配色

萬字干貨!6大章節幫你從零開始系統學配色

② 類似色

類似色是在色相環上的兩個色相值之間與色環之間的夾角不超過 60 度。搭配比較常見的有紅與黃、橙與綠、青色與黃綠。因為鄰近色在明度和純度上可以構成較大的反差效果,所以這種配色使畫面呈現出豐富、跳躍的感覺。

萬字干貨!6大章節幫你從零開始系統學配色

萬字干貨!6大章節幫你從零開始系統學配色

③ 中度色

中度色也叫臨近色,指的是色相環上的兩個色相值之間與色環之間的夾角小于 90 度,大于 60 度,屬于色相中的中對比,可以保持畫面的統一感,使畫面顯得很豐富、活潑,在色彩上有主有次的配色可以增強吸引力。

萬字干貨!6大章節幫你從零開始系統學配色

萬字干貨!6大章節幫你從零開始系統學配色

④ 對比色

色環上的兩個色值對比比較大的一種情況,一般是兩個色值與圓形之間的點連成線的夾角小于 180 度大于 90 度我們稱之為對比色,效果鮮明,飽滿,容易給人帶來興奮,激動的快感,在一些作品中常用來表達隨意、跳躍、強烈的主題,來達到吸引人的目光。

萬字干貨!6大章節幫你從零開始系統學配色

萬字干貨!6大章節幫你從零開始系統學配色

⑤ 互補色

兩個色值之間形成的夾角為 180 度,這個我們稱之為互補色,對比最強烈,畫面是最豐富的,最具有感官刺激性的色彩組合,常被人們來表達極大反差的事情,以及用此來突出彼的目的表達。

萬字干貨!6大章節幫你從零開始系統學配色

萬字干貨!6大章節幫你從零開始系統學配色

4. 設計中的色彩

一般我們做設計的版面上的色彩層次包括,主色,輔助色,點綴色,在國外早就有設計師總結出了一條通用的配色法則,就是 70%的主色加上 25%的輔助色,再加上 5%的點綴色。

萬字干貨!6大章節幫你從零開始系統學配色

① 怎么確定主色

我們在接到設計任務時,肯定會有一個去突顯的主要產品或者信息。主色,是整幅作品的主要色彩,它可以影響你對整個作品的感官印象,或者是產品的企業色,來統一企業形象,作品想要傳達的感受,主要是由這個色彩傳達出來的,不可替代,換了別的顏色,整幅作品傳達的主題就被改變了。

(1)主色的面積比較大,比較顯眼,一眼就可以看出來,就是主色。

萬字干貨!6大章節幫你從零開始系統學配色

(2)在畫面中,它雖然面積不大,但是在畫面中間且顏色比較顯眼。

萬字干貨!6大章節幫你從零開始系統學配色

② 輔助色

輔助色一般像紅花配綠色中的綠葉的作用,來按照合理的比例大小去搭配整體的版面,輔助色與主色會搭配比較合適或者企業形象已經訂好輔助色了。

萬字干貨!6大章節幫你從零開始系統學配色

③ 點綴色

點綴色的功能:引導和提示,一般點綴色的面積一般比較小。點綴色一般像黑夜里的星星,比較吸引人的目光,但是不會破壞版面的和諧,就像做菜時候加入的輔助佐料一樣。點綴色可以是多個顏色。若點綴色多了,也可以形成一定的風格。

萬字干貨!6大章節幫你從零開始系統學配色

5. 色彩的功能

色彩在一個好的版式里面一般起畫龍點睛的作用,在版面中,色彩有分割信息、突顯視覺中心、引導視線的作用。

萬字干貨!6大章節幫你從零開始系統學配色

① 分割版面

在設計工作中,有時候素材有限,但是需要排布的信息比較雜亂,這個時候可以通過色彩將版面分割成若干塊,有助于規劃版面。

萬字干貨!6大章節幫你從零開始系統學配色

② 聚焦視覺中心

在設計執行工作中,有時候需要突顯畫面中的某些內容,我們可以通過加色彩平衡畫面,來展現我們需要展示的信息和產品。

萬字干貨!6大章節幫你從零開始系統學配色

③ 視覺引導

視覺引導在設計中是很常用的手法,通過色彩去引導視線也是其中的方案。例如在無彩色中出現了彩色,會吸引我們眼睛往哪個地方聚焦,我們的視線會根據色彩的引導去走,這就是引導作用。

萬字干貨!6大章節幫你從零開始系統學配色

6. 合理搭配色彩

如果想搭配出合理的色彩,首先需要知道一些關于色彩的基礎,其次是需要在合適的場景使用合適的色彩的搭配,這樣搭配出的色彩才不會太突兀。

萬字干貨!6大章節幫你從零開始系統學配色

7. 配色法則

在我們搭配顏色的時候,如果屬于經驗比較少,我們可以參考前人總結的一些配色技巧和配合法則,例如平衡法則、聚焦法則和同頻法則。

萬字干貨!6大章節幫你從零開始系統學配色

8. 平衡法則

色彩平衡法則在色彩搭配中是比較重要的法則。我們都有渴望穩定、平衡的視覺心理需求,我們一直生活在一個以平衡為美的時代。在一個色彩設計中設置一對或多對平衡色,可以使得心理需求得到滿足,而作品本身也容易達到穩定、和諧的色彩關系。

萬字干貨!6大章節幫你從零開始系統學配色

我們先思考一個問題,為什么要做配色,做配色搭配的原因主要是讓色彩搭配能和諧,平衡,舒適,這些都是我們直觀的感受,這也是我們做色彩搭配的目的。舉個簡單的例子,當我們身體比較冷的時候,我們這個時候喝一杯熱牛奶,身體會感覺比較舒服,這個就是平衡。

萬字干貨!6大章節幫你從零開始系統學配色

平衡法則一個有 6 個法則:

  1. 色相平衡
  2. 冷暖色平衡
  3. 深淺色平衡
  4. 彩度平衡
  5. 底色與純色平衡
  6. 面積大小平衡

① 色相平衡

通過色相環上的色彩組合來平衡畫面,通過前面介紹過的色彩組合來合理搭配版面,例如常見的互補色平衡就是一種。互補色平衡比較合適協調視覺刺激上的平衡。適合夸張、宣泄、強烈的情感表達。

萬字干貨!6大章節幫你從零開始系統學配色

② 冷暖色平衡

冷暖平衡通過色相環上的冷暖屬性進行畫面平衡,色彩冷暖平衡是比較通用的設計法則,我們無意或者有意中都會使用到,所以冷暖平衡可以大膽運用,運用得當,色彩設計作品能夠非常出彩。

在使用冷暖平衡我們要注意以下幾點:首先要根據產品調性去搭配主色的基調,輔助色基調則相反的例如主色為暖色,則輔助色應選擇冷色,這樣色彩設計的畫面才能平衡。

萬字干貨!6大章節幫你從零開始系統學配色

③ 深淺色平衡

深淺色平衡實際上指的是利用顏色深淺對比來平衡畫面。如果設計版面都是深色容易顯得沉悶,如果都是淺色,容易感覺沒有重點。

萬字干貨!6大章節幫你從零開始系統學配色

④ 彩度平衡

在設計中,黑白灰為無彩色,彩度平衡指的是通過有彩色和無彩色達到平衡,一般指設計版面中無彩色的畫面出現彩色的情況,用無彩色將有彩色襯托,才使畫面有了重心。

萬字干貨!6大章節幫你從零開始系統學配色

⑤ 底色與純色平衡

底色可以簡單理解為圖像或者底色的紋理、或多種顏色組成的組合。底色和純色的搭配,既能展現單色的魅力,也能突出花色的節奏。

萬字干貨!6大章節幫你從零開始系統學配色

⑥ 面積平衡

版面中的面積大小都會有自己獨特的韻律,這樣才會使得色彩設計有層次、節奏和畫面感。如果所有的顏色都一樣,則畫面會顯得平凡,沒有主次之分。例如,主標題文字與輔助信息的大小字體對比,字體粗細的面積對比,他們之間的面積都是有差距的。

萬字干貨!6大章節幫你從零開始系統學配色

9. 聚焦法則

色彩聚焦,是通過色彩引導將用戶的視線引導到自己想要看到的畫面。我們在看到一件設計作品的時候,首先引起注意是色彩,所有設計師需要通過設計手法去引導用戶的注意力,從而達到設計要傳達的信息,這便是通過聚焦法則去傳遞設計信息。

萬字干貨!6大章節幫你從零開始系統學配色

① 色彩對比聚焦

一般是通過色彩的對比,產生聚焦區域,通常是色相差異最大,反差效果最好,容易形成聚焦。

萬字干貨!6大章節幫你從零開始系統學配色

② 色塊聚焦

一般通過色彩層級區分聚焦區域,也就是通過色彩來劃分區域,色塊聚焦是具備秩序感的,按照一定的順序來看完畫面。

萬字干貨!6大章節幫你從零開始系統學配色

六、同頻法則

同頻法則指我們將色彩看成一個統一的形式去組合,讓畫面看起來更和諧,提升畫面細節度,增加層次感。

1. 色相相同

色相不變,改變顏色的深淺來增加畫面的層次。

萬字干貨!6大章節幫你從零開始系統學配色

① 色彩傾向相同

多組色彩同時出現,色相傾向相同使顏色群組氣質統一,畫面平衡。

萬字干貨!6大章節幫你從零開始系統學配色

② 群組相同

通過色彩組合(多個不同的顏色)或形狀相同,形成同頻色彩群組,一般多用于設計規范或者 VI 形象設計中。

萬字干貨!6大章節幫你從零開始系統學配色

③ 同頻呼應

使用與主題一致的同頻色,能夠融合畫面,例如某商品的背景使用和商品差不多的顏色。

萬字干貨!6大章節幫你從零開始系統學配色

本文介紹的色彩基礎就到此為止啦,大家慢慢消化哦,有問題可以在評論里討論~

收藏 249
點贊 115

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。