一直關(guān)注交互時(shí)代的童鞋們應(yīng)該都知道配色在UI設(shè)計(jì)中的重要性！在交互時(shí)代的UI設(shè)計(jì)培訓(xùn)課程中，也有專門講解配色的階段，如果我們能夠熟練的運(yùn)用顏色，能夠讓自己的UI設(shè)計(jì)更加酷炫哦！今天交互時(shí)代就和大家介紹一種簡單的方法，還附有許多優(yōu)秀實(shí)例！還等什么？快學(xué)起來！

到了年底，UI設(shè)計(jì)師也還是會(huì)很忙的，要設(shè)計(jì)活動(dòng)頁面啦、APP界面改版啦等等。那我們應(yīng)如何快速的選擇或者搭配色彩呢？大家第一眼看到“選擇”與“大配色彩”必然覺得別扭，認(rèn)為這肯定是個(gè)坑，要各種折騰，其實(shí)很多UI設(shè)計(jì)師新手都會(huì)碰到這樣的問題，下面就讓我們單刀直入的說說配色吧。

在我們進(jìn)行UI設(shè)計(jì)的時(shí)候，肯定要有個(gè)色表，使用起來才更順手，因此我們要對(duì)色彩做到心里有數(shù)。

而色彩的功能能夠劃分成：主色、輔色、裝點(diǎn)色?，F(xiàn)在我們就主要來講講主色。

主色的魅力

產(chǎn)品的主色調(diào)會(huì)決定其風(fēng)格，在許多產(chǎn)品的UI設(shè)計(jì)中色彩都擔(dān)當(dāng)了重要的情感元素。在UI設(shè)計(jì)初期，我們需要明確的了解項(xiàng)目定位，才能夠選擇出最適合的主色。而每種顏色都有其獨(dú)特的感覺，這種感覺會(huì)體現(xiàn)出UI設(shè)計(jì)要表達(dá)的主要情感。

下面，我們來看看各種產(chǎn)品對(duì)其LOGO顏色的延伸吧，將LOGO顏色設(shè)為主色，能夠讓產(chǎn)品具有統(tǒng)一性。

從上圖我們還能看出，這幾個(gè)產(chǎn)品的UI設(shè)計(jì)主色的使用面積也是十分相似的。首頁使用的主色面積是較多的，而導(dǎo)航欄則全都填充了主色。

二級(jí)頁面中的主色則使用的沒那么多，主色只是起到點(diǎn)綴效果。

由此我們可以去思考，當(dāng)用戶一打開產(chǎn)品時(shí)，我們更希望用戶能夠?qū)Ξa(chǎn)品有印象，而進(jìn)入信息頁之后，則更注重頁面的實(shí)用性，讓用戶更快捷的達(dá)成目標(biāo)。因此，會(huì)在首頁使用更多的主色，信息頁則使用在關(guān)鍵的操作點(diǎn)上。

同時(shí)還發(fā)現(xiàn)，這幾個(gè)產(chǎn)品的界面設(shè)計(jì)主色面積使用也是非常一致。首頁中使用的主色彩面積較大，導(dǎo)航條全部填充了主色。在二級(jí)頁面中則使用的面積較少，將主色點(diǎn)綴到界面中。

我們可以這樣去理解，在用戶使用產(chǎn)品時(shí)，更希望用戶記憶產(chǎn)品。而在用戶進(jìn)入了信息頁面時(shí)則更注重易用性，希望用戶能找到自己需要的東西。所以主色在首頁使用的面積較多，而二級(jí)頁面使用在關(guān)鍵的操作點(diǎn)上。

而在網(wǎng)站banner、海報(bào)的設(shè)計(jì)中，主色會(huì)更多的當(dāng)成背景色，這樣能夠讓用戶第一眼就有一種品牌的感覺。

今天交互時(shí)代與大家分享的這些內(nèi)容其實(shí)不僅可以用在UI設(shè)計(jì)中，在許多地方都很實(shí)用，看似簡單，但是就算在交互時(shí)代正進(jìn)行UI設(shè)計(jì)培訓(xùn)的學(xué)員們也要經(jīng)歷許多的實(shí)訓(xùn)，才能運(yùn)用自如的！

想要了解更多關(guān)于UI設(shè)計(jì)的內(nèi)容，就多多關(guān)注我們的網(wǎng)站吧，或者掃描下方的二維碼，也能第一時(shí)間接收到我們的消息哦。

請(qǐng)聯(lián)系網(wǎng)站客服，了解詳細(xì)的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心