最近自己也接觸了很多APPUI界面設(shè)計(jì)的工作或任務(wù)，覺(jué)得色彩的搭配和色彩的選取決定我這個(gè)項(xiàng)目的成功與否！客戶的滿意度等等因素。所以，自己也百度和尋找一些色彩方面的知識(shí)和大師們的實(shí)踐操作技巧！

第一個(gè)分享點(diǎn)：怎樣提取自己滿意的色彩

1、最直接的方法就是找到自己滿意的圖或者是跟項(xiàng)目搭邊的圖。

關(guān)鍵步驟，確定自己想要的風(fēng)格，找大量的符合風(fēng)格要求的圖片，進(jìn)行對(duì)比篩選，選出最符合自己要求的幾張圖片開(kāi)始色彩的提取。

2、提取顏色

把選中的圖片放入ps中，點(diǎn)擊“存儲(chǔ)為web所用格式”（如果沒(méi)有色彩非常合適的圖，可以再ps里適當(dāng)?shù)恼{(diào)整顏色再進(jìn)行顏色提?。袷竭x為png-8，色塊選擇8，（數(shù)字越大色塊越多，視自己需求而定）。

在顏色顯示區(qū)域就會(huì)留下8種顏色（按照顏色在畫(huà)面中所占的單位面積程序自動(dòng)篩選），點(diǎn)擊顏色區(qū)域右側(cè)的下拉按鈕，會(huì)找到“儲(chǔ)存顏色表”，把他儲(chǔ)存到桌面上或者你容易找到的地方。然后用ps打開(kāi)，色斑中會(huì)顯示剛才提取到的顏色。

擴(kuò)展閱讀：

草根視覺(jué)設(shè)計(jì)成長(zhǎng)之路【設(shè)計(jì)學(xué)堂：色彩搭配】

適合新手學(xué)習(xí)網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)配色口訣

3、提取到的色彩怎樣應(yīng)用到我們的設(shè)計(jì)中

可以總結(jié)為以下3個(gè)小點(diǎn)：

1、導(dǎo)航文字及LOGO的顏色為最淺的藍(lán)色。

2、Banner區(qū)域即大背景，這里用了咱們開(kāi)始的圖片，上邊的大標(biāo)題LOGO則用了最深的藍(lán)色。

3、內(nèi)容區(qū)域出現(xiàn)的提取到的三哥色相的色彩，如果只是排列剩下的幾個(gè)顏色的話，顏色會(huì)很沖，我完全不能接受！所以找了幾張圖片用來(lái)過(guò)渡顏色，調(diào)整畫(huà)面的節(jié)奏，現(xiàn)在看來(lái)效果還不錯(cuò)。內(nèi)容區(qū)域的文字顏色與導(dǎo)航文字一致，都是很淺的藍(lán)色。

4、內(nèi)容區(qū)域的幾個(gè)按鈕并沒(méi)有用提取的顏色，而是用白色疊加然后調(diào)整透明度出來(lái)的。（大孔雀老師前段時(shí)間在經(jīng)驗(yàn)分享里發(fā)了一個(gè)色彩教程：網(wǎng)頁(yè)配色的天然范兒。推薦大家去看下，看完后受益匪淺。）

4、配色工具的輔助或使用

關(guān)于配色的網(wǎng)站和工具很多，今天就跟大家推薦一個(gè)非常豐富的協(xié)調(diào)配色方案，并帶AI編輯功能，可導(dǎo)入AI吸色，這個(gè)方案是我們很多國(guó)內(nèi)優(yōu)秀的設(shè)計(jì)師常用的工具！

文件下載地址：http://vdisk.weibo.com/s/IVS_2

總之，這些技巧還望大家靈活應(yīng)用，如果單純靠機(jī)器程序的話，自己的感覺(jué)依舊很難找。如果你真的對(duì)設(shè)計(jì)感興趣的話請(qǐng)不要忘記設(shè)計(jì)師的三多：多看、多想、多練，看到，理解，通過(guò)自己的形式表現(xiàn)出來(lái)。