UI色彩搭配原則有哪些

UI色彩搭配原則：色彩是UI界面設(shè)計(jì)中重要的設(shè)計(jì)元素之一，出色的色彩搭配往往可以更加吸引到用戶的注意力，還可以為UI界面的設(shè)計(jì)添彩，從視覺上就給用戶帶去良好的體驗(yàn)。設(shè)計(jì)師想要在UI界面上搭配好色彩...

UI色彩搭配原則：

一、色彩的大小位置

大塊的色彩在烘托氣氛跟主題方面較為穩(wěn)定，而小塊的色彩則常用于點(diǎn)綴，起到豐富畫面的作用。另外，色彩的搭配需要統(tǒng)一顏色，在不同的UI界面框架中統(tǒng)一招聘色，從而給用戶一種非常統(tǒng)一的印象，讓用戶一目了然，記憶深刻。

二、嚴(yán)謹(jǐn)有節(jié)奏的色彩

平衡的色彩運(yùn)用可以更滿足用戶的視覺需求，這樣的色彩設(shè)計(jì)更容易帶給用戶一種親切感色彩平衡：

一、花色與純色的平衡

這里的花色指的是圖案，如何在進(jìn)行色彩運(yùn)用的時(shí)候讓設(shè)計(jì)更為絢麗出彩，但是又不要過于糊里花哨呢？很簡單，讓花色跟純色之間形成一種對比，花色可以讓設(shè)計(jì)擁有絢麗感，而純色可以中和花色的花哨。

因此，在進(jìn)行花色跟純色的對比時(shí)，色彩較為鮮明的要運(yùn)用在核心展示上，背景則需要整體。比方說現(xiàn)在的QQ開屏界面就很符合這種平衡，這類設(shè)計(jì)方式也很適合用在banner之類的設(shè)計(jì)上。

二、互補(bǔ)色之間的平衡

在APP界面設(shè)計(jì)中，使用互補(bǔ)色彩的對比是為強(qiáng)烈的，易傳播的。這種平衡的色彩能讓用戶的視覺產(chǎn)生強(qiáng)烈的刺激，給用戶留下深刻的印象，一般適用于夸張、張揚(yáng)的場景。但由于過于平凡容易造成用戶的視覺疲勞，給人不安定的感覺，所以需要控制使用的位置跟信息面積。

主要的三對互補(bǔ)色有：紅綠、藍(lán)橙、黃紫。強(qiáng)烈對比的互補(bǔ)色可以讓整個(gè)設(shè)計(jì)風(fēng)格主題格外鮮明，色彩為強(qiáng)烈的情況就是兩個(gè)色相的飽和度調(diào)整到高，面積比例為1：1，此時(shí)的氣氛濃烈且沖擊感強(qiáng)。

此外在UI網(wǎng)頁設(shè)計(jì)中：
網(wǎng)頁的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以為標(biāo)題使用較深的顏色。下面是我做網(wǎng)頁和瀏覽別人的網(wǎng)頁時(shí)，對網(wǎng)頁背景色和文字色彩搭配積累的經(jīng)驗(yàn)，這些顏色可以做正文的底色，也可以做標(biāo)題的底色，再搭配不同的字體，一定會有不錯(cuò)的效果，希望對大家在制作網(wǎng)頁時(shí)有用。

Bgcolor:″＃F1FAFA″——做正文的背景色好，淡雅

Bgcolor:″＃E8FFE8″——做標(biāo)題的背景色較好，與上面的顏色搭配很協(xié)調(diào)

Bgcolor:″＃E8E8FF″——做正文的背景色較好，文字顏色配黑色

Bgcolor:″＃8080C0″——上配黃色白色文字較好