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

UI色彩搭配原則：

一、色彩的大小位置

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

二、嚴謹有節奏的色彩

平衡的色彩運用可以更滿足用戶的視覺需求，這樣的色彩設計更容易帶給用戶一種親切感色彩平衡：

一、花色與純色的平衡

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

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

二、互補色之間的平衡

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

主要的三對互補色有：紅綠、藍橙、黃紫。強烈對比的互補色可以讓整個設計風格主題格外鮮明，色彩為強烈的情況就是兩個色相的飽和度調整到高，面積比例為1：1，此時的氣氛濃烈且沖擊感強。

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

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

Bgcolor:″＃E8FFE8″——做標題的背景色較好，與上面的顏色搭配很協調

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

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