明確配色目標
1. 色彩規律≠配色規律
我們都學習過非常多的色彩知識，也看過很多的配色書籍或文章。然而當我們嘗試在設計中運用這些理論時，就會發現：配色的理論往往在實際運用中并不好使，使用后的效果也不是特別明顯。為什么會出現這種現象呢？
配色是否就是色彩某種的規律？當我們學習并掌握這種規律以后，就能掌控雷電，呼風喚雨，成為配色大魔王了呢？
答案并非如此。
配色并非單獨存在，而是依附于不同的設計載體中。不同的設計載體，所要達到的目標不一樣，就決定了配色理論也會存在差別。
我們會發現，雖然有很多書本、文章都在寫配色的理論，每個人講的配色理論有很多相同的地方，但是最核心的理論往往都不是相同的。
因為大家講的相同部分，大多都是色彩的理論部分，這部分僅僅只是色彩本身的規律；而大家所講的不同部分，則通常是作者在自己所在領域總結的一套配色規律。
因此，并非每一篇文章的配色理論都適合你，這也是當你學習并使用配色理論后，效果依然不好的原因了。
因此在學習配色時，僅僅學習配色理論是不夠的。首先要思考配色的使用場景，以及整個設計所要達到的目標，然后再學習相應領域的配色知識，才能讓配色理論發揮最大的作用。
2. 不同的行業，不同的配色目標
雖然設計是相通的，但是在不同的設計領域進行配色時，依然會存在巨大的區別。
比如廣告設計的配色理論，放在室內設計上，往往是行不通的。因為廣告設計的目標在于傳遞信息，需要吸引你，而室內設計的目標則是要營造舒適理想的生活氛圍。同樣的道理，推廣設計的配色理論，往往在界面設計時也是行不通的。
不同行業間設計目標的差異，決定了配色目標和理論的差異。
3. 明確配色目標
對于大部分互聯網行業的視覺設計師來說，平時的工作內容大體會分為產品界面設計和推廣設計兩個大的方向。很多設計師需要同時負責這兩塊內容，于是就可能會出現將同一個配色理論用在不同地方的情況，導致一些配色問題的出現。比如：推廣設計的配色太素，無法吸引用戶的注意；而產品頁面的配色又過于雜亂刺眼，影響用戶閱讀和操作體驗等。
所以，配色的第一步，首先要明確配色目標。
產品界面設計的配色目標：
信息傳遞：產品的首要目的是傳遞用戶所需要的信息，這就需要界面有清晰的層級關系，明確、舒適的閱讀體驗。
引導操作：清晰合理的操作引導，讓用戶能夠準確地根據引導進行下一步操作。
品牌價值：很多同學會忽略這一點，導致產品的界面與品牌關聯性差，整體界面沒有品牌感。
推廣設計的配色目標：
吸引流量：強有力的吸引力，快速抓住眼球，留下深刻印象。
營造氛圍：需要營造氛圍，讓用戶通過氛圍快速理解和融入到推廣內容中，加深印象。
快速傳遞：在短時間內快速傳遞信息。這就需要設計時信息表達明確，使內容能夠精準快速地傳遞給用戶。
我們將這兩種配色目標做一下關鍵詞提煉，產品界面設計的配色關鍵詞：清晰、舒適、引導、品牌感。而推廣設計的配色關鍵詞為：吸引力、氛圍、快速傳遞。
我們可以將這些關鍵詞作為衡量目標，以此來尋找正確的配色方向，或者用于檢驗設計作品的配色問題。
所以當我們接到項目需求后，可以先與需求方一同確定好設計的目標，以此來確定正確的配色方向，提升配色與設計方向的準確性。而這樣做的另一個好處是，我們可以在項目之初就與需求方之間取得溝通和信任，達成共識，為后續溝通打好基礎。
確定主色，精簡層級
當我們確定好配色的目標以后，如何開始配色工作呢？通常情況下，我們首先來確定整個設計的主色，然后再開始進行后續的設計。
1. 主色與副色的定義
什么是主色和副色？
主色是整個色調的核心顏色，通常也是相對占比最多的顏色，它決定了整體的風格和基調。而副色則是畫面中占比相對較少的顏色，它通常起到輔助主色、豐富畫面的作用。
假如把一個畫面看成一部電影，那么主色就是整個電影的主角，而副色則是除了主角以外的其他配角。
2. 確定主色，精簡色彩層級
一部好的電影，通常情況下需要有一個明確的主角，它主導了整個電影的走向，對于設計作品來說，也是相同的道理。所以在配色過程中，首要的任務是確定配色的主色，并在整個作品中明確它的地位，讓它來主導整個畫面。
在產品界面的設計中，主色是傳達品牌感的重要元素。明確的主色能夠讓整個界面產生強烈的品牌感。反之，整體的配色會顯的十分混亂，影響品牌感的傳達。
3. 精簡色彩層級的意義
色彩層級越精簡，就越容易達到整體色彩平衡，從而提升設計的整體品質感。當我們去看很多大廠的頁面設計時，可以感受到很多的相同點：整體而強烈的品牌感，簡約而高級的配色，豐富細膩的細節等。
用戶在閱讀頁面時，配色是我們大腦最先接收到的畫面信息。所以精簡配色對于產品界面的設計來說至關重要。以品牌色為主色，精簡色彩層級，可以讓整個頁面富有品牌感。
4. 品牌升級時的色彩簡化趨勢
在品牌Logo 的升級中，簡化色彩層級同樣是一個大的趨勢。簡化層級，可以讓品牌更加簡約和高級，提升品牌的品質感和包容性，使品牌擁有更大延展性和更多的可能性。
選擇正確的色系
明確配色目標，確定主色以及色彩層級后，如何進行下一步的配色？
這時候我們可以根據不同的配色目標來選擇合適的色系，豐富整個畫面的配色。需要注意的是，在豐富配色的同時，仍然要嚴格控制色彩層級，以保證整體色彩層級的精簡。
1. 巧用同色系，統一不單調
同色系是指在色環上相距不超過45°的兩種顏色，我們可以選擇主色的同色系范圍內的顏色來豐富整體配色。那么如何選擇同色系的顏色呢？
首先在色環中確定顏色的位置，通過色環兩邊45°延展出我們所需要的同色系。
2. 不同場景的對比色用法
對比色是指在色環上相距120°~180°之間的兩種顏色（180°時則互為互補色）。處于對比色關系的兩種顏色，通常色相差異較大，能夠相互產生強烈的對比效果，我們可以利用這種原理來增強畫面的吸引力。
推廣活動頁面中的對比色應用
在推廣頁面的設計中，通常需要用營造強烈的視覺沖擊，以達到快速吸引用戶并傳遞信息的目標。這就需要大面積的對比色，來達到強烈的對比效果。而在較大面積使用對比色時，整體色彩的主次和整體平衡至關重要。
可以看到，整個頁面主要由橙色和深藍紫色兩個主要對比色構成。大面積的對比色產生了強烈的視覺沖擊，讓整個頁面充滿了吸引力。整個畫面用最強烈的對比色重點突出了兩個主要的人物角色，從而吸引用戶注意并進行閱讀，最終將用戶引導至購買入口。至此，整個頁面的任務也算是完成了。
在推廣頁面中，我們需要注意的是，重點信息并非只能是文字內容，也可以是最吸引用戶的畫面核心元素。
3. 嘗試更多的創新配色
除了掌握以上的幾種基本色系的配色方法外，大家可以在此基礎上嘗試更多的配色風格。比如在同色系、對比色系的基礎上，有目的地加入色彩元素豐富色調，在保持整體色彩層級的同時，加入更豐富的變化，從而達到配色目標。
提升品質感
我們按照之前的方法，正確的確定了配色的目標，選擇了合適的配色方向，并逐步完成了整體的設計排版。很多同學到這一步之后，就覺得作品已經完成，便停止不繼續深入了，而這也是初級設計師經常容易出現的問題。這個時候的作品，從整體上看并沒有太多問題。但是當用戶被頁面吸引，開始仔細欣賞作品時，往往會發現作品沒什么看點。
出現這種問題的原因，就是作品缺乏足夠的細節和品質，導致作品不夠耐看。就像一本書有著精美的封面，但是打開以后卻平淡無奇，最終對整本書都非常失望。
想要讓作品更優秀，除了基本的版式和配色之外，往往還需要更深入地去雕刻作品，讓作品帶有一種更高級的「氣質」，而這種「氣質」就是我們所說的品質感。
1. 什么是品質感？
品質感對于設計作品來說，是一個綜合性的評價。我們可以將這個詞分為「品」和「質」，「品」代表物體本身的品相和細節，而「質」則代表質感。
2. 獲得品質感的關鍵要素
漸變只是獲得品質感的關鍵因素之一，蘋果官網將漸變這種原理加入到頁面和元素中，配合精美的產品圖片，讓頁面保持了非常高的品質感。
總結
看完前面的內容，大家會發現，其實配色并沒有想象中那么復雜。
只要掌握正確的配色策略，并逐漸適應這種方法，就可以應付各種不同的設計類型。最后，我們將前面講的配色法則做一個簡要的總結：明確目標 – 確定主色 – 精簡層級 – 選擇色系豐富配色 – 提升品質感。
標簽： 南昌網站建設公司/南昌做網站的公司/南昌微信小程序/南昌APP開發/—斑驢互聯
贛公網安備 36010902000435號
