20世紀90年代，日本索尼公司推出的智能移動手持設備T86，以多彩的屏幕、精美的圖形按鈕、流暢的操作，刷新了用戶對人機交互界面的體驗。並在行業內引發了設計師對UI設計中的風格、圖形、色彩、操作體驗等等的全新思考。經過20多年的發展。
UI設計已經成為壹門專門的交叉學科。設計師通過對視覺思維、心理學、人體工程學等不同學科的學習，不斷從各個方面提升用戶的操作體驗。早期的軟件界面試圖通過“skeuomorphism”來模擬真實物體的紋理，從而“去虛擬化”人機交互。20世紀以來，隨著視覺傳達規則在UI設計中的應用，“扁平化”設計成為壹種更為主流的設計趨勢。扁平化設計更具現代感，通過簡單樸素的色塊的組合運用，幫助用戶更好地理解和使用產品本身。
色彩在1 UI設計中的作用
色彩作為視覺傳達中非常重要的元素，在UI設計中起著非常重要的作用，可以概括為以下幾個方面。
1)顯示界面的整體架構
UI界面總是在圖形外觀的幫助下直接作用於客戶的視覺系統。當用戶觸摸壹個UI界面時，往往會看到由背景色、其他幾何色塊、圖標、按鈕等元素組成的圖形符號系統。色彩可以直觀地突出背景、導航欄、狀態欄、按鈕等元素，展現UI界面的邏輯架構。
2)明確視覺層次。
UI設計中不同的內容屬於不同的層級關系，比如菜單之間的同級關系，內容之間的隸屬關系等等。利用同色和不同色相顏色的區別，可以非常直觀的區分內容的層次關系，也可以通過顏色之間的強烈對比突出重點內容。
3)創造界面的整體風格
UI界面雖然是壹個復雜的視覺圖形系統，但通過主色、輔色、裝飾色之間的對比與和諧，會表現出明顯的風格傾向。通過對比和協調不同色系或相同色系的顏色，可以創建不同的界面風格。如適合男生金屬質感的黑、灰、藍，以及女生喜歡的夢幻甜美色、糖果色。界面風格以質量為導向已經成為用戶體驗中最重要的部分之壹。
4)基於人機工程學的色彩應用。
因為色溫會影響光源所顯示的顏色，大於6500K時為冷(白色和藍色)，小於6500 K時為暖(黃色和紅色)，藍光存在於電腦顯示器、熒光燈、手機、數碼產品、顯示屏、led等光線中。因為藍光是壹種高能短波光，會嚴重損害視力。基於人體工程學保護視力，蘋果手機Iphone7和iphone7plus的背光顯示屏設計有夜班功能，去除屏幕藍光，晚上會自動將屏幕顯示調整為暖黃色調，減少視覺疲勞。
此外，在UI界面中考慮了電子設備的顯示特性。只有當背景顏色和圖標顏色之間的對比度差至少為5.38時，才可以容易地區分。但是，在這個差異範圍內的顏色匹配將過於接近顯示環境中的識別。
還有壹些特殊人群，比如紅綠色盲，因為他們特殊的視覺需求，需要特殊的配色設計。
2 UI色彩設計方案
在設計UI時，需要通過對產品和用戶體驗的分析，確定明確的色彩搭配厭惡，形成“標準的色彩規範”。在此基礎上，設計了具體的界面、線框、圖標等細節。在標準色彩規範中，應規定主要主色、輔助色和裝飾色的色號，以便於設計師設計稿的色彩統壹。
1)主色
主色占所有顏色的75%，基本決定了整個界面的視覺風格。主色調的選擇要符合產品本身的氣質、情趣和色彩心理。在主色的基礎上，通過作為主色範圍的明度和純度的變化，可以導出同壹色系的色調。
根據顏色在視覺中的能量值，壹般主色傾向於選擇飽和度高、明度低的顏色，這些顏色往往在同壹個界面中占據較大的面積，或者在背景中比較突出。
2)輔助色
輔助色起到輔助主色的作用，占所有使用顏色的20%左右。用與主色相同的顏色作為輔色，可以呈現柔和、整體、統壹的視覺效果；用主色的相鄰色作為輔色，可以使界面有豐富的變化，產生活潑的感覺；利用主色的對比色作為輔助色，可以讓主色更加突出。
3)裝飾色彩
裝飾色占所有配色的5%，起到點綴和提醒的作用。並在界面中加入個性化和有趣的視覺元素。裝飾色應該與界面的整體色調相區別。壹般明度和飽和度應該有明顯的區別。壹般會用明度或飽和度高的顏色。
3 UI設計中色彩元素的運用
色相、明度、飽和度是色彩的三大要素，對這三大要素的理解和運用體現在UI設計的整個配色中。
色調是顏色的首要特征，是區分不同顏色的重要因素。色相也是配色中色彩對比的主要因素。主色調的選擇往往決定了壹個UI界面的整體風格和氣質，或大膽活潑，或沈穩深沈，或優雅清新，或豐富華麗。其他輔助色起到對比或調和的作用。所以壹個UI界面的主色調選擇要符合產品本身的特點。以手機APP為例。淘寶、百度外賣、大眾點評等很多電商app，往往以紅色和橙色這種容易讓人興奮和溫暖的顏色作為主色調。以探索和求知為主的“知乎”APP，以理性沈穩的藍色為主色調。
色彩的明度就是色彩的明度，是調和色彩的主要因素。同色相色的明度變化在同色系中能呈現出和諧統壹的變化關系，和諧而有層次感。常用來和主色調壹起設計圖標、菜單、導航等等。明度變化與和諧也會帶來色彩個性的差異，較高的明度會使色彩明亮、冷艷；但是明度的降低會讓顏色變暗，呈現出溫暖的感覺。
飽和度是指色彩的明度，也是色彩和諧的主要因素。飽和度的變化也會使色彩呈現出從濃烈活潑到靜謐深沈的不同“色彩個性”。此外，飽和度的變化會使顏色呈現不同的質感，如不透明、硬度、金屬光澤等；糖果色的新鮮度和甜度等等。
4色彩心理學在UI設計中的應用
顏色有很強的聯想。不同的色彩會導致味覺、空間、溫暖、心情等各方面的綜合感受不同。在主色調的選擇上，UI界面往往利用人們對顏色的聯想習慣來突出產品的定位。還是以ios手機APP為例；為了介紹美食菜譜的“香哈”APP，主色調是紅色和橙色，最開胃；富有中國民俗傳統的萬年歷APP，采用了充滿中國傳統文化寓意的中國紅作為主色調，並采用篆書字體作為符合這種氣質的文字logo。
綜上所述，因為色彩的重要性，所以對色彩的理解和控制對整個UI界面的設計影響很大。
；