ui設計出的程序效果還是很不錯的,看著比較舒服,ui設計中使用的色彩也是比較多的。那大家知道色彩在ui設計中的運用有哪些嗎?還有,ui色彩設計方案是怎樣的呢?一起跟小編來了解一下相關(guān)的內(nèi)容吧。

(圖片來自網(wǎng)絡)
色彩在ui設計中的運用有哪些?
色彩作為視覺傳達中非常重要的要素在UI設計中具有非常重要的作用,可以歸納為以下幾個方面。
1)顯示界面的整體架構(gòu)
一個UI界面總是借助圖形化的外觀直接作用于客戶的視覺系統(tǒng)。用戶接觸一個UI界面,看到的往往是一個由底色、其他幾何色塊、圖標、按鈕等元素構(gòu)成的圖形符號系統(tǒng)。用色彩可以非常直觀的凸顯出背景、導航欄、狀態(tài)欄,按鈕等構(gòu)成元素,并顯示出UI界面的邏輯架構(gòu)。
2)明確視覺層級關(guān)系
UI設計中不同的內(nèi)容屬于不同的層級關(guān)系,如菜單于菜單間的同級關(guān)系、內(nèi)容間的從屬關(guān)系等等。用同色系色彩、不同色相色彩間的差距可以非常直觀地區(qū)分內(nèi)容的層級關(guān)系,還可以通過色彩間的強對比突出關(guān)鍵內(nèi)容。
3)營造界面整體風格
UI界面雖然是個復雜的視覺圖形系統(tǒng),但通過主色調(diào)、輔助色、裝飾色之間的對比調(diào)和關(guān)系會呈現(xiàn)出明顯的風格傾向。用不同的色系或者同色系色彩之間的對比與調(diào)和關(guān)系,可以塑造出不同的界面風格。如適合男生的金屬質(zhì)感的黑色、灰色、藍色系,女生喜歡的夢幻甜美色系、糖果色系。界面風格定位于品質(zhì)已經(jīng)成為用戶體驗中最重要的部分之一。
UI色彩設計方案是怎樣的?
在進行UI設計時,要通過對產(chǎn)品及用戶體驗的分析確定明確的色彩搭配反感,形成“標準色彩規(guī)范”,在這個基礎上再進行具體界面、線框、圖標等細節(jié)設計。標準色彩規(guī)范中要規(guī)定出最主要主色、輔助色、裝飾色的色號,方便設計師的設計稿的色彩統(tǒng)一。
1)主色調(diào)
主色用量基本占據(jù)全部用色的75%,基本決定了整個界面的視覺風格。主色選擇要符合產(chǎn)品本身的氣質(zhì)、訴求和色彩心理學規(guī)律,可在主色的基礎上通過明度與純度的變化衍生出同色系色調(diào)作為主色調(diào)范圍。
根據(jù)色彩在視覺中的能量值,一般主色傾向于選擇飽和度高、明度低的色彩,往往會在在同一界面中占據(jù)較大的面積或明顯的凸現(xiàn)于背景。
2)輔助色
輔助色起到輔助主色的作用,在全部用色中約占據(jù)20%。用與主色同色系色彩作為輔助色可以呈現(xiàn)柔和、整體、統(tǒng)一的視覺效果;而用主色鄰近色作為輔助色可以讓界面有豐富的變化,產(chǎn)生活潑感;用主色調(diào)對比色作為輔助色可以讓主色更為突出。

(圖片來自網(wǎng)絡)
3)裝飾色
占全部色彩方案的5%的裝飾色起到點綴、提醒的作用。并界面增加個性化、富于趣味的視覺元素。裝飾色要與界面整體色調(diào)相區(qū)別,一般在明度、飽和度上要有明顯差異,一般會用明度或飽和度高的顏色。
看完了上文小編的介紹,相信大家應該對色彩在ui設計中的運用有哪些以及ui色彩設計方案是怎樣的相關(guān)內(nèi)容有所了解了。色彩在設計中的應用是很重要的,大家在ui設計中要把握好。


在微信中搜索faceui