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