劉義0 無論是平面設計，包裝設計還是網頁設計，空間設計還是產品設計，色彩永遠是最為重要的環節，但我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是電腦界面的色彩。

延伸閱讀：

在優設網，我們為您收集分享了近些年國內外非常優秀的好文，如果您在這方面需要學習，
強烈推薦您瀏覽更多精彩配色文章

關于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關設計書籍或者特別棒的設計案例，有利于系統系統地理解，在此我們通過設計的對比和配色告訴大家在工作中，色彩的配置和色標使用；下面介紹一些色彩在實際使用中的步驟；

第一步、底色和圖形色；色彩搭配的問題確實不是一個簡單的問題。這一代的設計師比上一代的設計師，所能運用的色彩工具多了許多。如今，我們能運用好計算機為我們提供的豐富色彩，看來不是很簡單的事情。就我個人而言，在我從事設計師工作以來，往往也會迷失在色彩的世界?，F在交流一下自己學過的和掌握的一些經驗，希望大家指正。配色所要注意的要素實際設計時，我們經常會按照設計的目的來考慮與形態、肌理有關聯的配色及色彩面積的處理方案，這個方案就是我的配色計劃。在做配色計劃時，我們應該考慮下述幾點以突出視覺效果。

在設計時我們會經常遇到用幾個色做各種形的構成，作為底的色我們往往會將它推遠，而作為圖形或文字的色我們要將它拉近。這就需要我們了解受配色關系的影響是什么樣的。一般明亮和鮮艷的色比暗濁的色更容易有圖形效果。因此，配色時為了取得明了的圖形效果必須首先考慮圖形色和底色的關系。圖形色要和底色有一定的對比度。這樣才可以很明確的傳達我們要表現的東西。我們要突出的圖形色必須讓它能夠吸引觀者的主要注意力。如果不是這樣就會喧賓奪主。

第二步、整體色調 如果我們想使我們的設計能夠充滿生氣，穩健，冷清或者溫暖，寒冷等感覺都是由整體色調決定的。那么我們怎么能夠控制好整體色調呢？只有控制好構成整體色調的色相、明度、純度關系和面積關系等。才可以控制好我們設計的整體色調。首先要在配色中心決定占大面積的色，并根據這一色來選擇不同的配色方案會得到不同的整體色調。從中選擇出我們想要的。

如果我們用暖色系列來做我們的整體色調則會呈現出溫暖的感覺，反之亦然。如果用暖色和純度高的色作為整體色調則給人以火熱刺激的感覺，以冷色和純度低的色為主色調則讓人感到清冷、平靜的感覺。以明度高的色為主則亮麗，而且變得輕快，以明度低的色為主則顯得比較莊重、肅穆。 取對比的色相和明度則活潑，取類似、同一色系則感到穩健。色相數多則會華麗，少則淡雅、清新。 以上幾點整體色調的選擇要根據我們所要表達的內容來決定。

第三步、配色的平衡 顏色的平衡就是顏色的強弱、輕重、濃淡這種關系的平衡。這些元素在感覺上會左右顏色的平衡關系。因此，即使相同的配色，也將會根據圖形的形狀和面積的大小來決定成為調和色或不調和色。一般同類色配色比較容易平衡。處于補色關系且明度也相似的純色配色，如：紅和蘭綠的配色，會因過分強烈感到刺眼，成為不調和色。可是若把一個色的面積縮小或加白黑，改變其明度和彩度并取得平衡，則可以使這種不調和色變的調和。純度高而且強烈的色與同樣明度的濁色或灰色配合時，如果前者的面積小，而后者的面積大也可以很容易的取得平衡。將明色與暗色上下配置時，若明色在上暗色在下則會顯得安定。反之，若暗色在明色上則有動感。

第四步、配色時要有重點色 配色時，為了彌補調子的單調，可以將某個色作為重點，從而使整體配色平衡。在整體配色的關系不明確曖昧時，我們就需要突出一個重點色來平衡配色關系。選擇重點色要注意以下幾點：重點色應該使用比其他的色調更強烈的色。 重點色應該選擇與整體色調相對比的調和色。 重點色應該用于極小的面積上。而不能用于大面積上。選擇重點色必須考慮配色方面的平衡效果。

第五步、配色的節奏 由顏色的配置產生整體的調子。而這種配置關系在整體色調中反復出現排列就產生了節奏。色的節奏和顏色的排放，形狀，質感等有關。由于漸進的變化色相、明度、純度都會產生變化而且時有規律的，所以就產生了階調的節奏。將色相、明暗、強弱等等的變化做幾次反復，從而會產生反復的節奏。可以通過賦予色彩的配置以跳躍和方向感就會產生動的節奏，等等。我們可以通過學習或訓練來掌握更多的節奏效果。

第六步、漸變色的調和 2色或2個以上的色不調和時，在其中間插入階梯變化的幾個色，就可以使之調和。色環的漸變：色相的漸變象色環一樣，在紅、黃、綠、蘭、紫等色相之間配以中間色，就可以得到漸變的變化。明度的漸變：從明色到暗色階梯的變化。 純度的漸變：從純色到濁色或到黑色的階梯變化。根據色相、明度、純度組合的漸變，把各種各樣的變化作為漸變的處理，從而構成復雜的效果。這些漸變色都是調和的。

第七步、在配色方面的統調 所謂統調，即為了多色配合的整體統一而用一個色調支配全體，將這個色叫做統調色，也就是支配色調。色相統調是在各色中加入相同的色相，而使整體色調統一在一個色系當中。從而達到調和。明度統調是加白色或黑色，以使全體色調的明度相似。這樣也可以達到調和。 純度統調是加灰色，以使全體色調的純度相似

第八步、在配色方面的分割 2個色如果互相處于對立關系是對比的，具有過分強烈的效果，成為不調和色。為了調節它們，在這些色中用其它色把它們劃分開來，即分割。將用于分割的色叫做分割色。由于分割的目的，可以用于分割色的顏色不多，最常用的是白、灰、黑。金色和銀色也具有分割的效果。但在我們的電腦中很難調出具有重量感的這兩種色，所以在電腦中幾乎用不到這兩種色。但可以用于印刷中。使用其它彩色進行分割也可以，但要選擇與原來色有明顯區別的明度，同時也應考慮色相和純度。

這些在配色時注意的一些問題和解決的一些基本方法。我想還有更多的色彩問題，我這里沒有談到。如：色彩的感情、色彩的形狀、色彩的味覺、色彩的距離感、色彩的音樂感等等。

原文地址:?劉義BLOG? ?
作者:?劉義0

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量41萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：