【UI設(shè)計(jì)基礎(chǔ)知識(shí)】配色秘籍

設(shè)計(jì)中顏色的使用是一個(gè)非常值得關(guān)注的問(wèn)題，同樣的構(gòu)圖、版式，但是不同的顏色搭配給人的感覺(jué)就完全不一樣，色彩的冷暖，明暗變化琳瑯滿目，表達(dá)不同的氛圍與情緒，對(duì)于新手設(shè)計(jì)來(lái)講，配色是個(gè)不容小覷的問(wèn)題，可以給大家介紹一套行之有效的基礎(chǔ)配色秘籍，掌握本秘籍，保證新手設(shè)計(jì)師可以掌握配色的基本武功，然后勤加練習(xí)，多加思考，就可以成長(zhǎng)為武林高手了。

武林秘籍第一步，根據(jù)設(shè)計(jì)需求選擇一個(gè)主色，這個(gè)主色的選擇可以是公司的主色，公司規(guī)定了必須用這個(gè)顏色進(jìn)行設(shè)計(jì)，或者產(chǎn)品類型，比如清潔類的產(chǎn)品，一般選擇藍(lán)色或綠色作為主色;想要表達(dá)的理念，對(duì)產(chǎn)品理念的定義選擇相應(yīng)的顏色作為主色。

武林秘籍第二步，打開一個(gè)網(wǎng)絡(luò)上無(wú)需費(fèi)力就可以找到的配色網(wǎng)站，或者可以在平時(shí)設(shè)計(jì)軟件上面找，給大家推薦一個(gè)小編用到的顏色網(wǎng)站——http://www.peise.net/tools/web/，這個(gè)網(wǎng)站可以用幾種不同的配色形式，單色搭配，互補(bǔ)色搭配，三角形搭配，矩形搭配，類似色搭配，類似色搭配互補(bǔ)色，根據(jù)你想要使用顏色數(shù)量，選擇相對(duì)應(yīng)的顏色搭配形式，然后可以通過(guò)配色方案調(diào)節(jié)進(jìn)行飽和度/明度，對(duì)比度，還有調(diào)節(jié)參數(shù)進(jìn)行調(diào)整。最后在色彩列表中可以找到顏色的數(shù)值，進(jìn)行運(yùn)用在設(shè)計(jì)作品中。

最后一步秘籍就是運(yùn)用色彩，根據(jù)配色網(wǎng)站搭配出來(lái)的色彩運(yùn)用到設(shè)計(jì)作品中，那么該如何使用這些色彩呢，這又要分為以下幾個(gè)步驟：

1、對(duì)于幾種顏色進(jìn)行層級(jí)劃分，主色是使用時(shí)占比例較大的顏色，顏色運(yùn)用比例在50%-70%作用，選擇輔助色，輔助色所占的使用比例大概在30%-50%左右的比重，最后就是點(diǎn)綴色，點(diǎn)綴色所占的比重大概占10%左右的比例。這一步是定義顏色屬性-主色/輔助色/點(diǎn)綴色。

2、選擇設(shè)計(jì)圖中最大的區(qū)域，填上主色，選擇比重其次的顏色，填上輔助色，最后是點(diǎn)綴色的運(yùn)用在比較小的區(qū)域。這一步就是填色。

3、在設(shè)計(jì)稿上填寫好了顏色之后，觀察整張?jiān)O(shè)計(jì)稿，如果覺(jué)得整體主色區(qū)域比較單調(diào)，可以在主色上使用同色漸變，或者添加一些基礎(chǔ)幾何形狀(方形、圓形、三角形)等以不同的大小添加在主色區(qū)域，這些基礎(chǔ)幾何形狀的顏色可以選擇輔助色。然后點(diǎn)綴色區(qū)域比較無(wú)層次的話，可以在點(diǎn)綴色區(qū)域使用白色，灰色，黑色等無(wú)色彩的顏色作為輔助使用。

4、最后就是對(duì)整張?jiān)O(shè)計(jì)稿進(jìn)行細(xì)化，使主色區(qū)域有層次，輔助色區(qū)域飽滿，點(diǎn)綴色的使用可以烘托氣氛的作用。

配色秘籍拿到手，一定要多加練習(xí)，多加使用，多多思考，總結(jié)適合自己的配色手法，才能融會(huì)貫通，所向披靡。