[ 平面理論教程 ] 如何科學的尋找靈感來解決設計配色問題- 設計教程 - 骨子愛創意

教學主題: 如何科學的尋找靈感來解決設計配色問題

大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

今天的這個教學主題是: 如何科學的尋找靈感來解決設計配色問題

這教學的重點為這幾點 [ 設計,問題,解決,靈感,科學,尋找,如何,顏色,色彩,配色, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

配色過程中，很多同學面對拾色器面板，容易感覺毫無頭緒，無從下手;而如果直接模仿高手的配色，最後效果往往也是大相徑庭。有沒有一個科學有效的配色方法，能讓靈感泉涌，且效果驚艷呢?今天分享兩個學完可以直接上手的技巧，附上色彩基礎知識，方便新手學習。

配色過程中，很多同學面對拾色器面板，容易感覺毫無頭緒，無從下手;而如果直接模仿高手的配色，最後效果往往也是大相徑庭。有沒有一個科學有效的配色方法，能讓靈感泉涌，且效果驚艷呢?今天分享兩個學完可以直接上手的技巧，附上色彩基礎知識，方便新手學習。

一、顏色的基本理論

色相/ Hue ：色彩的相貌。例如：紅、黃、藍、橙、綠、紫。

飽和度/ Saturation： 色彩的鮮艷程度。例如：彩色~黑白。

明度/ Brightness： 色彩的深淺。例如：淺藍~深藍、淺紅~深紅。

二、拾色器基本技巧

了解色彩三要素后，我們再來了解一下拾色器。上圖右側的拾色器是一個我們常規的界面，上面可以看出，拾色器一共有4種顏色模式，常用的就是HSB模式，也就是之前說的色相/飽和度/明度。通過這個模式，不但可以精確的調出你所需要的所有顏色，而且還可以通過對應數據，來判斷顏色之間的對應關係。

1、通過點擊 H、S、B 右側圓形按鈕切換顏色模式。

2、通過上下滑動長方形參數長條調節顏色狀態。

3、通過對應數據，理性判斷顏色之間的差別(飽和度、明度)。

( PS：對色彩感覺很弱的同學，也可以直接通過色相模式的色相條來確定顏色的色相。)

有同學可能會問，左邊那麼大塊的方形的拾色面板，用來幹嘛呢?

我通常用那塊方形面板只做兩件事兒：

確定大致的色彩方向。

看顏色的大概明暗、純灰狀態。

基礎內容差不多就是這些，接下來我們用上面的方法來做個小練習，加深對知識點的理解，這種練習方式，可以鍛煉我們對顏色的感知和判斷能力。有空自己也可以練習一下，還蠻有意思的。

上面交代了基礎，下面就來講講常用技巧：

技巧一：抄現實

簡單的說，目前我們所有能看到的顏色，都是從自然界中提取出來的，所以，事實上最大的顏色庫就是我們現實生活。

原理一：有色就有光，沒有光，這個世界就是一片黑暗 。

如上面所說，光色是一體的，如果我們要調出很和諧的配色，那肯定是避不開對光影知識的學習，在之前的《手把手教你用PS繪製光影巧妙的3D精靈球》一文中，我就簡單的講過光影對顏色的影響：

高光：最接近主光源的顏色，比固有色稍亮。

固有色(亮灰)：處於亮部和暗部的過渡面，最接近物體本身的顏色。

暗部：處於物體的背光部分，比固有色稍暗。

反光：處於暗部，是經過物體與環境光多次折射所產生的光，比暗部顏色稍亮。

體表環境光：處於物體表面， 也是物體與環境光多次折射所產生的光，比固有色微亮或微暗。

投影：被物體遮擋住光源后，所產生的影子，顏色偏灰偏暗，受環境光、固有色的影響。

簡而言之，在一般情況下，物體在畫面中色彩飽和度最高的是固有色，高光、暗部都會在固有色的基礎上變亮或變暗，同時會變灰，所以大家就不要再調色板上面瞎點了，那樣可能很難選到合適的顏色。

了解光影對顏色的影響原理后，你們可以嘗試臨摹下面的作品，加深對原理的理解。

需要源文件的同學直接私信我【配色練習源文件】，自動回復你地址。

原理二：一切事物，都有其固有的顏色特徵。

例如想到太陽，我們腦海就浮現紅色，想到大海-藍色，黃昏-橙紅、檸檬-黃色，草原-綠色，所以很多東西都是他獨特元素特徵的。我們只需要將這些符合大多數人認可的顏色提煉出來，加以應用，也是可以搭配出很多讓人舒服的配色的。

△ 粉絲留言截圖

​這是一個粉絲留言給我的問題，我們來分析一下他說的作品。↓

1、作品的主色調性都符合大眾對現實生活中日出-清晨-黃昏-夜晚四個時間段的色彩調性。

2、作品的輔色都與主色達到了對比、平衡的關係。

3、作品的輔色同頻色都確定了畫面的地面高光部分，增加了顏色信息的傳達層次。

4、作品的點綴色都在小範圍內確定了畫面的最亮色和最暗色，以及中間層次燈塔的顏色。

5、作品的每一個顏色，都符合原理一所講的光影對顏色的影響原理。

所以像這一類設計配色，你可以先確定主色，然後通過光影關係，事物的顏色固有特徵，來推導畫面的顏色，而不是隨意的在拾色器上面亂點。至於主色怎麼確定它是否合適，新手可以找一張符合你要求的照片，在照片上面吸取顏色。這樣就很容易吸取到符合要求的顏色。

講到這裡，【抄現實】就已經全部講完了，希望大家以後在學習別人作品的顏色，要多考慮對方顏色信息的傳達層級，他的結構造型，顏色在畫面中所烘托強調的位置以及範圍。

很多時候我們覺得這組配色放在他的作品里就非常好看，但是我們拿來套到自己的作品里味道卻變了，其實也就是大家沒考慮清楚他們用色原理就直接拿來用所導致的。

技巧二：看需求

看需求，也就是梁景紅老師所講的「色彩功能取色法」，這是我最常用的配色思路之一，配色思路和上面的【抄現實】的思路有所不同，它是從設計需求的角度來選擇顏色。

「色彩功能取色法」三大法則：

平衡法則：簡單的講，就是用到了對比原理，例如光影對比、虛實對比、純灰對比、深淺對比、冷暖對比。最後通過運用對比原理來達到畫面的平衡。

△ 平衡法則-案例來自網絡

聚焦法則：這講的是，運用一些基本的配色原理達到讓用戶瀏覽信息的視線跟隨你的安排來聚焦和轉換。常用的聚焦手法有：互補色的對色聚焦、冷暖色的對色聚焦、深淺色的對色聚焦、有彩色和無彩色的對色聚焦、色彩面積大小的對色聚焦等等手法。

△ 聚焦法則-案例來自網絡

同頻法則：這講的是，通過相似的色彩、相似的色調、色彩的呼應、韻律、節奏，秩序等方式，來讓色彩管理，組織畫面的信息，最後準確的表達畫面信息傳遞的層級關係，以及色彩群落之間的關係。

△ 同頻法則-案例來自網絡

​關於【色彩功能取色法】因為內容涉及的知識比較多，在這裡我就只能簡單的概括一下，大家如果感興趣的可以自己去了解一下。後面等我把老師的書讀完了，會抽空寫一篇讀書筆記，再仔細整理一下知識點跟大家分享。

​基本的配色技巧，我也差不多已經講完了。剩下的則需要大家自己加強對色彩的了解和把控，每個顏色都有它獨特的性格、情緒和使用方式，這沒有什麼技巧可言，需要大家花時間去積累。不過我之前在優設網上面看到一套系列文章，他把每一個顏色都仔細的分析了一遍，非常值得大家花時間去看一下。

看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

希望我們所介紹的 如何科學的尋找靈感來解決設計配色問題 這教學會喜歡

文章標題: 骨子愛創意- 如何科學的尋找靈感來解決設計配色問題–轉載請註明來源處

本教學分類為平面理論教程中的 設計教程相關教學

文章相關關鍵字為: 設計,問題,解決,靈感,科學,尋找,如何,顏色,色彩,配色,

本文永久連結 :如何科學的尋找靈感來解決設計配色問題

本文轉載自 :VIA