關(guān)于UI界面設(shè)計中如何運用色彩的十大原則

今天與大家分享的是關(guān)于UI界面設(shè)計中如何運用色彩的十大原則，色彩的運用非常關(guān)鍵也非常難，好的配色可以使UI界面?zhèn)鬟_出品牌價值并給人帶去很好的感官享受。

一、顏色術(shù)語

顏色術(shù)語構(gòu)成了我們顏色知識的基礎(chǔ)。賬務(wù)并將色相、色調(diào)、陰影、飽和度、色階、等顏色術(shù)語視為我們可以用來進行設(shè)計的調(diào)色板。

二、色彩層次
當(dāng)一個元素的外觀與其周圍環(huán)境形成對比時，表明該元素具有更高的重要性。我們可以使用顏色和顏色權(quán)重在界面中建立層次結(jié)構(gòu)。通過使用色調(diào)，我們可以為元素分配不同級別的重要性。如果一個元素比另一個更重要，它應(yīng)該具有更高的視覺權(quán)重。這使用戶很容易快速瀏覽頁面并區(qū)分重要和不太重要的信息。更突出、更大膽的信息是用戶的眼睛首先會被吸引到的內(nèi)容，然后他們會轉(zhuǎn)到其下方的支持信息。

三、色彩表現(xiàn)力
在令人難忘的時刻展示品牌色彩，強化您品牌的獨特風(fēng)格。想想你的品牌顏色，比如一盤鱷梨吐司上的鹽和胡椒。太多的鹽，它壓倒了天然的味道，太少了，它是平淡的。在為界面添加顏色以強化您的品牌時，請仔細考慮添加的時間和地點。

四、包容性
你在產(chǎn)品的色彩運用上需要有包容性，包容各類可能訪問你產(chǎn)品的人群，不能因為色盲無法識別某色彩就喪失了對該產(chǎn)品的體驗感，這是不對的。

五、色彩賦予的意義
顏色喚起不同的感覺或情緒，因此通過了解顏色的心理，我們可以利用與目標(biāo)受眾產(chǎn)生共鳴的品牌顏色。重要的是要了解您的受眾是誰并記住，對顏色的感知因文化和地區(qū)而異。例如，西方世界白色通常與婚禮聯(lián)系在一起，而在東南文化中，白色被認為是哀悼的顏色。您對顏色及其含義了解得越多，它就越強大。公司在他們的品牌和營銷中使用顏色作為一種策略來影響我們的情緒。請注意幾乎每家電商購物平臺其品牌中都使用紅色、橙色、黃色？那是因為紅色會引發(fā)刺激、食欲、消費欲，并且會吸引注意力——而橙色和黃色會引發(fā)快樂和友善的感覺。

六、色彩的限制
通過限制應(yīng)用程序中顏色的使用，接收顏色的區(qū)域會受到更多關(guān)注，例如文本、圖像和按鈕等單個元素。 您會注意到，在許多擁有大量彩色帖子和不可預(yù)測的內(nèi)容（如 社交媒體產(chǎn)品）的應(yīng)用程序中，它們的界面往往非常簡單。這很微妙，但它會將焦點從界面上轉(zhuǎn)移到內(nèi)容上。

七、色彩的狀態(tài)
顏色可以提供有關(guān)應(yīng)用程序狀態(tài)、其組件和元素的信息。顏色是我們可以在界面中顯示狀態(tài)變化的一種方式。通過使按鈕的顏色靜音，它可以指示一個按鈕被禁用，或者通過以紅色突出顯示它，它表示一個錯誤。我們還應(yīng)該在錯誤顏色旁邊附上錯誤消息和圖標(biāo)，以確保清晰并吸引色盲用戶。

八、色彩的一致性
界面中的顏色使用應(yīng)該是一致的，因此即使上下文發(fā)生變化，顏色也總是意味著相同的東西。如果在我們的品牌中使用紅色，那么我們應(yīng)該避免使用它來通知錯誤狀態(tài)。我們可以使用黃色等替代顏色來避免混淆。這是一個容易解決的問題，因此沒有理由避免在我們的品牌中使用紅色或黃色。

九、配置調(diào)色板
設(shè)置當(dāng)前產(chǎn)品的品牌主色、輔助色、強調(diào)色，然后通過一些色彩工具對顏色進行對比色、互補色、相鄰色、以及同色系內(nèi)的不同明度的配置，從而獲得最佳界面配色方案。

十、60-30-10規(guī)則
60% 是主色，30% 是輔助色，10% 是強調(diào)色。
60% + 30% + 10% 的比例是為了平衡顏色。這個公式之所以有效，是因為它創(chuàng)造了一種平衡感，讓眼睛從一個焦點舒適地移動到另一個焦點?！?與我之前提到的技巧類似，比如謹慎使用顏色來增加重點和強化品牌，60-30-10 是確保我們不會過度使用顏色的粗略工具。 我也喜歡設(shè)計的時候，對著屏幕退后幾步，瞇著眼睛看，模糊的圖像會讓我更好地了解層次結(jié)構(gòu)，以及我是否使用了太多顏色，導(dǎo)致太混亂。