轉(zhuǎn)載：http://www.uisdc.com/use-picture-create-swatches
配色弱有救了硼砰！教你利用圖片創(chuàng)建獨(dú)有的色彩方案且蓬！
我們開(kāi)始設(shè)計(jì)手機(jī)網(wǎng)頁(yè)時(shí)冯事，總是需要先確定好網(wǎng)頁(yè)的配色方案。那么血公，這時(shí)昵仅，除非是客戶提出色彩方案，我們大部分要面對(duì)的情況的是累魔，根據(jù)客戶的需求創(chuàng)建出一個(gè)色彩方案摔笤。在此够滑，我想教大家如何從“圖片”這一來(lái)源中獲取靈感并創(chuàng)建出色彩方案。
一籍茧、選擇圖片
首先版述，去各大網(wǎng)站搜索你喜歡的圖片梯澜，圖片的選擇應(yīng)該盡量選擇色調(diào)有變化且明暗對(duì)比也較為明顯的寞冯。因?yàn)楹诎谆虻蛯?duì)比度的色調(diào)只會(huì)讓你最后的色彩方案看起來(lái)不夠鮮明。
選擇圖片去下面這幾個(gè)網(wǎng)站是不錯(cuò)的：
http://500px.com/flow/curate
https://www.flickr.com/explore/
http://wallbase.cc/
（以上網(wǎng)站自備梯子 ^ ^）不夠的話右戳：設(shè)計(jì)師網(wǎng)址導(dǎo)航晚伙，要嘛有嘛
要從配色方面吸引自己的圖片上進(jìn)行選擇吮龄。
配色弱有救了！教你利用圖片創(chuàng)建獨(dú)有的色彩方案咆疗！
在PS里打開(kāi)這張圖片，吸取色彩午磁。吸取色彩并不是任意選取自己喜歡的顏色就可以尝抖，根據(jù)整個(gè)圖片的色彩分布，先找到圖片的主色調(diào)迅皇。
主色調(diào)的選擇和使用
主色調(diào)的選擇依據(jù)整個(gè)圖像當(dāng)中分布最廣的一種顏色昧辽，在這張圖片中，我們可以看出分布最廣的為藍(lán)色登颓，這些藍(lán)色呈現(xiàn)明暗層次深淺的不同搅荞，因此，在深藍(lán)到淺藍(lán)中我選擇了過(guò)渡最為均衡的一種中度灰的藍(lán)色框咙。這種藍(lán)色在圖片上表現(xiàn)的是一團(tuán)團(tuán)云霧和湖泊的顏色咕痛。
三、建立自己的色彩方案
選擇新建一個(gè)文件喇嘱，白色底背景茉贡，圖片中選好的色彩作為前景色畫(huà)一個(gè)圓形。這個(gè)圓形也就是你的色彩方案中的第一個(gè)色彩：主色調(diào)者铜。
配色弱有救了块仆！教你利用圖片創(chuàng)建獨(dú)有的色彩方案！
在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候王暗，主色調(diào)的使用范圍在整個(gè)網(wǎng)頁(yè)的色彩面積較大的地方悔据，例如用于網(wǎng)頁(yè)背景或形狀元素上。當(dāng)然俗壹，一種色彩是無(wú)法開(kāi)始設(shè)計(jì)的科汗，因此接下來(lái)我們會(huì)選擇第二種顏色。
輔助色的選擇
輔助色通常是一個(gè)能烘托绷雏、能與之產(chǎn)生呼應(yīng)的顏色头滔，如果主色調(diào)是一個(gè)冷色調(diào)怖亭，那么輔助色就偏向?yàn)橐粋€(gè)暖色調(diào)。因?yàn)橐粡埳守S富的圖片必定是具備冷暖兩種傾向的色彩坤检，因此兴猩，你這時(shí)會(huì)在主色調(diào)的另外相反色溫的色調(diào)上進(jìn)行選擇。
在這里我選擇了紅色屋頂?shù)呐壬缧退{(lán)色的冷感進(jìn)行了均衡倾芝。
配色弱有救了！教你利用圖片創(chuàng)建獨(dú)有的色彩方案箭跳！
輔助色通常會(huì)使用在網(wǎng)頁(yè)設(shè)計(jì)中的字體晨另、小面積的元素上。輔助色如果和主色形成了互補(bǔ)色就會(huì)產(chǎn)生一種強(qiáng)烈的對(duì)比谱姓，這時(shí)對(duì)比色還會(huì)有強(qiáng)調(diào)的作用借尿。當(dāng)你想要凸顯網(wǎng)頁(yè)中某個(gè)元素時(shí)就可以試用上強(qiáng)調(diào)色。
那么什么是對(duì)比色呢屉来？就是在色環(huán)上位置剛好相對(duì)的顏色路翻，例如：紅色和綠色，紫色和橙色茄靠，藍(lán)色和黃色茂契。
如果你覺(jué)得你選擇輔助色強(qiáng)調(diào)不夠強(qiáng)烈，你可以另外在主色基礎(chǔ)上嘹黔，從色環(huán)里選擇主色的對(duì)比色账嚎，作為第三種色彩方案。
配色弱有救了儡蔓！教你利用圖片創(chuàng)建獨(dú)有的色彩方案郭蕉！
這里通常是指主色調(diào)在圖片上展示出來(lái)的高光和陰影部分。這時(shí)喂江，已經(jīng)無(wú)需完全依靠圖片了召锈。我們的色彩方案里已經(jīng)備選了三種顏色，而剩下的色彩就在主色調(diào)基礎(chǔ)上調(diào)整變化获询。
主色調(diào)增加白色就變作高光部分涨岁，作為第四種顏色。
配色弱有救了吉嚣！教你利用圖片創(chuàng)建獨(dú)有的色彩方案梢薪！
配色弱有救了！教你利用圖片創(chuàng)建獨(dú)有的色彩方案！
確定色彩方案
色彩方案選擇好以后滋饲，最好確保整體顏色不得超過(guò)3種顏色：主色厉碟、輔助色、高亮/陰影色了赌。
即使是三種顏色墨榄，但是色調(diào)都不會(huì)偏離整體的藍(lán)色基調(diào)玄糟。
配色弱有救了勿她！教你利用圖片創(chuàng)建獨(dú)有的色彩方案！
在進(jìn)行色彩運(yùn)用的時(shí)候阵翎，也會(huì)出現(xiàn)黑白灰的靈活運(yùn)用逢并，但要確保這些顏色的出現(xiàn)不會(huì)干擾整體畫(huà)面色彩的和諧感（左）。
大多數(shù)時(shí)候郭卫，我們未必希望純白色作為我們的底色調(diào)砍聊。要想讓整體看起來(lái)優(yōu)雅，添加一點(diǎn)透明度非常低的主色調(diào)作背景是必不可少的（右）贰军。
配色弱有救了玻蝌！教你利用圖片創(chuàng)建獨(dú)有的色彩方案！
取色工具多不勝數(shù)，不過(guò)Kuler應(yīng)該還是口碑最好的幾個(gè)取色工具之一：《VC教程贰盗！教你使用最受歡迎的配色小工具KULER》
當(dāng)然许饿，行走江湖怎么可以沒(méi)有備用方案！所以舵盈，這個(gè)時(shí)候不妨看看：《碉堡陋率！配色神器第二代！COLOR CUBE免費(fèi)開(kāi)放下載
