平面設(shè)計(jì)快速制作配色表，UI/VI/PPT/宣傳冊都適用，內(nèi)含配色表附件
“學(xué)遍了三原色、對比色、相鄰色各種原理，卻仍調(diào)不好一個(gè)色表”？喵喵喵？？？
配色是平面設(shè)計(jì)一個(gè)重要的因素。PPT、宣傳單頁、網(wǎng)頁設(shè)計(jì)、AppUI、企業(yè)VI、包裝設(shè)計(jì)等等，都強(qiáng)烈依賴一套成熟、穩(wěn)定的配色表。
這里我們跳過講配色的文章都會寫的-基礎(chǔ)三原色的原理，直接來分享一個(gè)我常用的快速確定配色的方法，從此放心大膽去做配色吧！
讀完這篇文章，你將會得到：
·一套實(shí)用的PSD配色表
·快速確定主色調(diào)的方法
·2個(gè)好用的配色技巧
·標(biāo)題色高級不單調(diào)的關(guān)鍵
首先，為你的項(xiàng)目確定主色調(diào)
A，為成熟品牌做的平面：
不用太操心，品牌VI大多數(shù)已經(jīng)設(shè)定好配色方案及主色調(diào)，也不允許改變。直接使用即可；
B，單獨(dú)的平面作品：
參照下面這個(gè)彩虹表選擇色相，并整理3-5個(gè)同一色相的案例來說服需求方；
再在選好的色相里挑選一個(gè)合適的明度和飽和度；
【把顏色這么簡單粗暴地分類不可取
【不過這樣具有理論和眾多案例支撐的表格，能快速說服需求方
【勤勞的設(shè)計(jì)師不會陷入彩虹釋義條無法自拔
【越來越小聲…
C，個(gè)人獨(dú)立作品：
個(gè)人獨(dú)立作品確定主色調(diào)的過程最簡單，只要設(shè)定一個(gè)自己有好感的顏色即可；
同時(shí)也是最難的。這個(gè)時(shí)候設(shè)計(jì)師既是甲方又是乙方，腦內(nèi)不斷循環(huán)上演爭論廝殺，最終說服兩個(gè)自己才能決定下來。
這里我們就設(shè)定如下亮黃，作為本次案例的主色調(diào)：
第二，拿出配色表格，設(shè)定輔助色調(diào)
設(shè)定配色表是一個(gè)復(fù)雜的工作，需要縱觀全局，預(yù)估到多數(shù)場景，同時(shí)不限定部分特殊頁面的配色和樣式。很多初級設(shè)計(jì)師會因?yàn)闊o法確定到底需要多少種顏色，以及如何分配不同顏色的占比，而在這一步止步不前。
不過現(xiàn)在不要擔(dān)心啦，這是就是我今天分享的關(guān)鍵：
--根據(jù)經(jīng)歷過的眾多項(xiàng)目經(jīng)驗(yàn)整理出來的配色表?。。?/strong>
這個(gè)表格能滿足大部分平面設(shè)計(jì)需求，分享給大家（PSD文件在右下角附件）：
先填上第一步確定好的主色調(diào)，
再設(shè)置2-3種輔助色調(diào)，特殊調(diào)整強(qiáng)調(diào)色。
第一個(gè)配色小技巧：
輔助色調(diào)1——與主色調(diào)相同色相，調(diào)整明度及純度，進(jìn)行設(shè)置;
輔助色調(diào)2——在色輪上主色調(diào)的對面進(jìn)行設(shè)置，明度與主色調(diào)相似;
強(qiáng)調(diào)色——主要用于消息、事件提醒，可在紅色周圍進(jìn)行選擇，注意不要選擇純度為100%的顏色，太過于鮮艷反而容易讓情緒變得焦躁。
再根據(jù)具體情況進(jìn)行調(diào)整:
第二個(gè)配色小技巧：
找到一張顏色與主色調(diào)一致的美圖：
將其像素化-馬賽克到這種程度：
再選幾個(gè)顏色吸到配色盤上，稍微調(diào)整一下，ok~
第三，設(shè)定標(biāo)題色
純黑的標(biāo)題色會略微顯得悶，進(jìn)行以下的操作，能有意想不到的效果：
色相選在主色調(diào)色輪的對面，飽和度降低至2-9%之間，亮度20%左右。這樣的顏色既深，又有其色相特征，還能平衡一下主色調(diào)帶來的色彩情感，是標(biāo)題色高級的關(guān)鍵。
副標(biāo)題及輔助色在此基礎(chǔ)上進(jìn)行透明度調(diào)整，透明度數(shù)值具體情況具體處理。
色表到這里基本上就夠用了。
不過(作為嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)師)我還會帶一條平時(shí)收集的好用的顏色，用于特殊按鈕或者小圖標(biāo)點(diǎn)綴。當(dāng)某一些頁面有更多顏色需求時(shí)，就可以直接吸取，稍微調(diào)整一下就能用。
第四，增加點(diǎn)綴色，色表完成
======
本期總結(jié)就到這里啦，我已經(jīng)在好幾個(gè)不同主色調(diào)的項(xiàng)目中進(jìn)行應(yīng)用，還挺夠用的。希望能對你有幫助。
下期總結(jié)UI中常見的幾種圖標(biāo)類型，有緣再會~~
---
下載文檔在右下角，解壓后你會得到兩張png格式的圖片和一張PSD格式的圖片。
---
感謝~
Neya Design
saberw@126.com
