顏色匹配是每個網站設計人員必修的課程。 無論是插畫師,UI設計師還是網頁設計師,色彩搭配都不是設計的一部分。 隨著材料設計和平面設計的廣泛流行,相關色彩理論已成為設計師必須掌握的規則。
近年來,我們在各種數碼產品中發現了大量鮮艷的色彩和不同的漸變效果,這些產品的種類已經涵蓋了趣味性和娛樂性的應用,以及相對較為嚴重的功能性和商業性產品。 但是,關于生動色彩對用戶體驗的影響仍有許多討論。 今天的文章,我們將一起討論這個問題。
明艷的色彩是如何提升UI設計效果的?
提高可讀性和可讀性
在以前的文章中,我們討論了影響配色方案選擇的一些因素。可讀性和易讀性是設計師在選擇顏色匹配時需要考慮的基本因素。可讀性是用戶閱讀文本內容的難度,易讀性與特定字母字符之間的區別程度有關。
鮮艷的色彩提供了足夠的對比度,有助于提高可讀性和易讀性,并使布局中的元素之間的差異可見。但是,高對比度并不總是奏效。如果文字和背景之間的對比度太大,可能會發生漸暈,使其難以閱讀。這就是為什么設計師需要創造相對溫和和適當的對比度,而高亮度對比度是突出顯示元素的不錯選擇。
銳化導航并增加互動
視覺層次是幾乎所有數字產品中導航和交互的核心元素。 UI組件需要以結構化的方式進行組織。用戶的大腦可以通過圖層創建的差異區分對象并理解優先級。
顏色是分層的,但如何理解這個層次與用戶的想法有關。 紅色和橙色是大膽而明亮的顏色。 乳白色和奶油色的黃色是柔和的顏色,可以更容易地注意到明亮的顏色。 設計師使用它們來表示他們覺得需要突出顯示的元素。 當在不同的元素上使用相同的顏色時,相同的顏色將使它們產生重要的或功能性的關系。
人類大腦強烈反應大膽,大膽的色彩,這就是為什么明亮的色彩更容易記住。 在數碼產品中,色彩更鮮艷的用戶界面將更容易脫穎而出。 但是,即使如此,顏色的選擇也是基于目標受眾和市場調查。
如果公司的LOGO,產品和他們的網站都使用高度統一的顏色搭配,這在某種程度上會最大限度地提升品牌的身份。 這樣,設計人員使用高度一致的可視化解決方案來提高品牌知名度。
創造氛圍并傳遞情感
色彩影響人們的情緒并創造氛圍。 設計師需要知道顏色如何影響我們的情緒和行為。 我們的大腦對不同的顏色有不同的反射,但通常這些反應沒有被注意到。 色彩心理學研究表明,當我們的眼睛感知到一種顏色時,大腦會向內分泌系統釋放相應的激素,刺激不同情緒的變化。
選擇合適的顏色有助于用戶保持正確的心情并提供正確的信息。 例如,如果您想創建一個自然或園藝相關的產品UI界面,使用綠色或藍色配色可以很好地匹配這個主題,并傳達相應的感覺。
時尚的外觀和風格
明亮和鮮艷的色彩和漸變是UI設計中最流行的趨勢。 越來越多的移動應用程序和網站開始使用這種色彩匹配來吸引人們。 盡管競爭激烈,但它們確實吸引了用戶的注意力。
在UI中使用明亮的色彩同樣存在問題
明亮的顏色不容易匹配
第一種配色方案并非基于純粹的感覺。問題很容易。如果你想使用協調的配色方案,顏色使用規則,顏色匹配和技巧是必不可少的。
但是,在UI界面中,顏色越鮮艷,就越難將其與優秀的配色方案相匹配。為了讓用戶感到快樂和舒適,設計師需要保持整個UI界面的協調和平衡,協調的顏色可以讓用戶感覺舒適,給用戶留下良好的第一印象。通常,設計師顏色選項使用以下常用選項:
單色配色:在同一色彩系統下,不同色調和飽和度色彩的組合。
類似的配色方案:在色輪上由相鄰顏色組成的配色方案。
互補色匹配:色輪上相對位置上顏色的顏色。
分割補色:與補色相似,但顏色更多。它通常是一種配色方案,它匹配兩種顏色,它們與色輪上的一種顏色和相對位置相鄰。例如,藍色和橙色是相對互補的顏色。選擇藍色和橙色兩側的黃色和紅色。這三種顏色是分開的互補色。
三基色顏色匹配:顏色方案由色輪上的三種顏色組成,彼此之間相隔120度。
雙補色匹配:由兩種互補色組成的四色配色方案。
- 缺少風格和調性
事實上,明亮鮮艷的色彩可以讓用戶界面調整色調和風格,但如果色彩過多,則完全沒有風格色調。
這就是為什么這么多設計師會尊重6:3:1色彩比例。 其中,60%是主色,30%是次色,只有10%是鮮艷的顏色,用于提升整體色調。 這樣的配色方案可以創建協調一致的分層配色方案,而且人們也更容易感受和感受到快樂。
明亮的色彩并不適合所有的用戶群體
用戶研究是網站設計的重要組成部分。定義和分析目標受眾,以了解網站和應用程序的設計期望。 諸如年齡,性別和文化等因素影響潛在用戶的偏好。 例如,像黃色和紫色的孩子,但絕大多數成年人不喜歡這兩種顏色。 很酷的顏色,如藍色和綠色,幾乎受到男性和女性的喜愛,但女性通常不像男性那么喜歡橘子。 與此同時,男性更喜歡中性色彩,如黑色和白色,而女性則不喜歡。
鮮艷的顏色也是如此。 即使您正在設計更具娛樂性的應用程序或網站,您也需要考慮目標受眾的具體情況。 中年用戶喜歡輕巧的顏色和用戶界面。 明亮,大膽的顏色不符合他們的偏好。