亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI 設(shè)計界面配色指南

發(fā)布時間：2024-03-25 18:19:24 瀏覽量：348次

配色優(yōu)秀、合適的 UI 設(shè)計界面，能有效地傳達產(chǎn)品的設(shè)計理念，達到吸引用戶注意力的目的。做好 APP、網(wǎng)頁等 UI 設(shè)計界面的配色，掌握設(shè)計配色技巧是重點，一起來看看吧。

巧用對比色、互補色

對比色指的是在色卡中相隔 120° 至 180 °的顏色，互補色指的是在色卡中相隔 180° 的顏色，對比色和互補色的組合配色對比強烈，吸睛第一名。

對比色和互補色在 UI 中也常常被使用，黃藍、紅藍等顏色組合在界面設(shè)計中經(jīng)常出現(xiàn)，帶給人有活力、年輕的印象。

比如這個電影購票 APP，主色調(diào)為藍色，訂購頁的【預(yù)定】按鈕是購票頁的第一關(guān)注點，于是采用紅色，與界面中的藍色產(chǎn)生強烈對比，促進用戶購買。

但是，對比色雖好卻要慎用，大面積的對比色容易影響用戶閱讀，造成審美疲勞。

在 UI 設(shè)計中應(yīng)用對比色最好的方法是：根據(jù)產(chǎn)品目標，提煉設(shè)計的重點，在需要突出的元素上使用對比色。


用色主次分明

UI 設(shè)計界面的配色講究主次分明，APP、網(wǎng)頁的界面設(shè)計通常有一套固定的配色，除了中性色黑白灰外，包含主色、輔助色、點睛色，三種色彩的搭配比例一般為 7：2：1。

主色：指的是在配色中處于支配地位的色彩，一般來說，是配色中運用最多的色彩（除中性色黑白灰），決定了界面的整體風(fēng)格。

輔助色：指為了襯托主色的色彩。

點睛色：通常用在 icon、消息提醒等位置，起引導(dǎo)閱讀和強調(diào)的作用。

例如，這個 APP 的主色為藍色，輔助色為淺藍、灰白，點睛色為紅色。雖然用了紅藍色，但因為配色遵循 7：2：1 的黃金比例，整體看起來依然很和諧。


相鄰色組合不易出錯

在色卡中相隔距離在 90° 內(nèi)地屬于相鄰色，相鄰色組合構(gòu)成的配色方案會帶給人穩(wěn)定、和諧、統(tǒng)一、舒適的印象。

相鄰色組合在 UI 界面設(shè)計中被廣泛運用。例如這個食譜 APP，采用了類似色的組合，大面積的杏橘色，搭配強調(diào) icon 的珊瑚橘，深淺不一的橘色相輝映，界面層次分明，看起來舒適、溫暖。

需要注意的是：APP、網(wǎng)頁界面中的 icon、消息提示等需要突出，如果配色是類似色的組合，要注意類似色之間明暗深淺以及飽和度的對比。如果明暗深淺差距小，容易造成界面缺乏層次感，主次不明。


抓住用戶情緒

色彩是一門語言，是有性格的的，人類的大腦對色彩的反應(yīng)敏感且多樣，對色彩會產(chǎn)生聯(lián)想，并感到冷或者暖。

產(chǎn)品是為用戶服務(wù)的，抓住用戶心理才能博得他們的信賴和喜愛。不同的產(chǎn)品需要傳達給用戶的情緒不用，UI 界面設(shè)計用的顏色也不同，比如：

購物類 APP 為了促進用戶購買，一般會采用紅色、黃色等容易激發(fā)購物欲望的顏色；

金融類 APP 需要傳達可信賴、穩(wěn)重的印象，如果你去搜索相關(guān) APP，一定會發(fā)現(xiàn)其中 80% 的界面設(shè)計都用到了藍色。

另外，UI 設(shè)計在選擇顏色時要考慮文化差異。比如，紅色在中國是象征著喜慶、快樂，但在西方，卻象征暴力。


使用品牌色，增加記憶點

APP 市場接近飽和，各類產(chǎn)品競爭激烈，各個產(chǎn)品為了加深用戶對自身的記憶，都有建立品牌色，在 APP、網(wǎng)站等設(shè)計中加以運用。

比如藍湖的品牌色是藍白，除了網(wǎng)頁客戶端外，藍湖的各大網(wǎng)頁、Axure 客戶端、設(shè)計規(guī)范云等產(chǎn)品，乃至海報、Banner 設(shè)計中都會運用品牌色，一次次加深用戶對藍湖的印象。

根據(jù)品牌色搭建顏色、字體、Logo 、icon 的設(shè)計規(guī)范體系，保持設(shè)計一致性，有助于提升品牌認知度，通過藍湖【設(shè)計規(guī)范云】即可輕松搭建，便于產(chǎn)品設(shè)計研發(fā)團隊的管理和使用。

色彩是 UI 設(shè)計的重要元素，正確的配色能賦能品牌，對外傳達豐富的信息，直戳人心。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定