作者：不沉的骨頭
來源：站酷網
關於色彩
我們通過色彩獲取信息，色彩的重要x不言而喻，除瞭設計的表現形式，我們經常通過色彩來分辨事物的狀態和感覺，色彩可以激發情感和感官的元素。
常用的配色方法
我們在工作中經常會用到的配色方法有：參考配色，產品取色，直覺配色，理論依據4個方式進行配色，我們最經常用到參考配色。下面就會跟大傢一一介紹。
參考優秀案例中的背景的顏色，標題的顏色，搭配元素的顏色，作為我們要設計版本的參考。在找參考的時候，我們要經常利用花瓣網，平時多采集案例做參考，千萬不要隻做同類產品的參考，隻要優秀的設計我們都要參考。
首先確定主要參考
我們要從參考案例中，找一個比較符合我們要求的參考配色
然後提取配色用在我們作品
版面搭建好之後，我們開始用提取的顏色進行配色，從背景到標題，在過程中往往不會一次x的搭配和諧，所以要多嘗試，不管是顏色的純度，明度變化，都可以適當去調整。
根據要出現的產品和模特自身的顏色進行提取，是一種很常見簡單的配色方式。
案例解析 模特（產品）取色
標題的英文顏色取決於模特本身的顏色，不過要在這個色調上面找一個舒適純度的顏色，不要直接用吸取的顏色。
背景的淺藍色和模特的衣服黃色，正好是對比色，所以看的舒服，這是後面要說的理論配色。
案例解析 模特（產品）取色
案例解析 模特（產品）取色
這2個直通車圖片是陳聰的作品，配色非常舒服，飽和度不高，背景也有顏色的變化，給人一種很柔的感覺，很稀飯他的作品。^_^
案例解析 模特（產品）取色
根據理論配色也是一種很好的色彩搭配方案，在很多優秀的設計中你都會發現色彩與色彩之間的關系，經常用的理論配色有對比色，互補色，近似色，三角搭配。
對比色 （三角形搭配就是3個顏色互補的組合）
通過右邊的色相上面三角形來看我們的案例中出現的主要色彩有，紫色，黃色，青色這三個顏色都在三角形的配色范圍內，所以版面的顏色會比較舒服，生動。要註意的是把什麼顏色設為背景色，紫色相對於黃色和青色是不亮也不暗的顏色所以比較適合作為背景色。
在使用三角形搭配的時候一定要選出一種色彩作為主色，另外兩種作為輔助色，使用瞭低飽和度的色彩也不錯。
對比色 案例欣賞
青色和黃色是對比色，在色環上相距120°到180°的兩種顏色，稱為對比色。
紫色、青色、黃色是三角配色，它們各自之間是對比色所有構成瞭三角配色。在產品色是亮色的情況下，背景用暗色是一個好的選擇！
互補色 搭配
互補色色彩之間是強烈的對比造成的不穩定感，互補色搭配在正式的設計中比較少見。通過右邊的色相上面三角形來看我們案例中出現的主色和輔助色是明顯的紅綠互補搭配，都說紅綠配不好看，咱這個案例中用白色很好的避免瞭紅綠的直接接觸，不是一樣很生動好看嗎？
在各種色相搭配中，互補色搭配無疑是一種最突出的搭配，所以如果你想你的作品特別引人註目，那互補色搭配或許是種最佳選擇。
互補色 案例欣賞
互補色的案例真是比較少，上面案例中的紅配綠。顏色飽和度不是太高，所以畫面還算穩定，對比不是特別強烈。
近似色/類似色 搭配
色環上距離較近的顏色被稱為近似色或者類似色搭配，一般這種色彩搭配之間顯得平靜而舒適。案例中橙紅色和黃色就屬於近似色。近似色在日常搭配中很常見，在使用中要註意加強對比，以免過於平淡。
近似色案例欣賞
案例中的洋紅、青色。藍色都是相近的顏色，版面中也比較舒服，黃色作為副標題，因為黃色是藍色的對比色。主標題直接用白色，如果用黃色會太刺激，面積太大不舒服。
非常舒服的一個近似色搭配，文案加上瞭藍色外框避免瞭黃色，白色與綠色的直接接觸，因為同為亮色，亮色和亮色之間接觸會太刺激刺眼，大傢試試就知道瞭~ 所以用藍色調合。
直覺配色就是冬天就會想到藍色，夏天想到紅色，春天想到綠色等等。
也就是說當我們拿到文案的時候第一時間想到的顏色，比如零食。我們可能首先反應的是橙色、紅色這些有食欲的顏色。跟我們的主題息息相關。
直覺配色 案例解析
從標題夏日狂歡，我們就能感覺到配色要清爽要符合夏天的感覺，那麼我們首先會想到夏日，藍天沙灘大海。然後在確定我們的輔助色進行配色。
根據文案主題確定好主色調，然後開始確定輔助色和相關的優秀配色參考。
直覺配色 案例解析
不久前的一個零食設計需求，根據零食我就想到瞭橙色，黃色，然後找到類似的優秀的參考進行配色，然後給自己一個大的感覺。
根據主題確定好主色調，然後開始確定輔助色和相關的優秀配色參考。
直覺配色 案例解析
標題“藍鉆特權月”藍鉆當然考慮藍色。不能說藍鉆搞一個黃色調，那不就成黃鉆。
聖誕節我們最先想到的顏色就是綠色和紅色。這2種顏色是代表聖誕節的顏色，要是弄個黃色就沒有聖誕節的感覺，這2種顏色是互補色所以主色和輔色的色彩面積要控制好比例，盡量要舒服。
每種配色方式都有自己的好處，自己習慣就好。
深色背景配淺色，淺色背景配深色。
(圖-1)
(圖-2)
(圖-3)
(圖-4)
(圖-5)
(圖-6)
(圖-7)
(圖-8)
(圖-9)
(圖-10)
(圖-11)
(圖-12)
(圖-13)
