3.3 創建調色板小技巧

調色板幫助我們在設計項目中建立色彩規范、提高工作效率，通過前面章節對色彩基礎知識和快速進行UI配色的學習，本篇接著為大家介紹幾種簡單易用的創建調色板小技巧。這些小技巧都是筆者或其他設計師在日常工作中積累的經驗總結，非常好用，在本書后面的“Material design配色和布局”和“配色網站”章節也有對創建調色板的講解，請循序漸進學習。

收集色彩

在Dribbble上，每一幅作品右側都帶有一份配色文件，將其下載保存到色板，為自己在創作時提供靈感。具體的步驟是：下載色彩文件，進入“編輯-預設-預設管理器”，在預設下拉菜單選擇色板，載入下載的色彩文件。

例如，需要設計一款美圖拍照應用，產品定位于年輕女性，那么我們便可以在這里找到一組配色：三個同色系的粉色展現甜蜜、可愛、溫馨，三角對立的黃色又讓配色多了一分俏皮。

馬賽克法

這種方法非常簡單，不需要任何插件，借助Photoshop濾鏡將圖片馬賽克化就可得到一組配色。例如，我們需要一系列同色系的藍色，我們在網上找一張天空的圖片，可以選擇花瓣網或500px等專業圖片網站，接著將圖片在Photoshop中打開，進入“濾鏡-像素化-馬賽克”，調節單元格大小即可，如下圖所示。

疊加色塊

第1步，繪制一個正方形，填充紅色#ff464b；第2步，分別在正方形的上、下1/3疊加20%的白色、黑色；第3步，分別在正方形中、右1/3繪制40%、80%的黃色#ffe200；第4步，改變黃色圖層的混合模式為疊加即可。通過這種方法，我們改變正方形的顏色，可以調配出其他許多顏色來。

Photoshop插件

Photoshop自帶了一個調色板插件，可以很方便地進行色彩搭配，使用步驟很簡單：打開拾色器選擇一個顏色，進入“窗口-擴展功能-Kuler”，打開插件選擇“創建”，插件自動生成了一組配色。你可以選擇不同的配色方案，在下拉菜單中的選項分別是類似色、單色、三色組合、互補色、復合色、暗色、自定義。確定了配色方案后，點擊面板下方的“添加到色板”，即可在色板中隨時使用它們了。