天天看點

UI 設計中的鮮豔色彩:優點和缺點

有效應用顔色的技能是每個使用視覺構圖的人(包括插畫家和UI設計師)的必備技能。随着平面和材料設計方向的日益普及,色彩理論知識變得更加突出。

鮮豔的色彩和漸變現在出現在不同數字産品的使用者界面中:從俏皮和娛樂的産品到商業應用程式和網站。然而,關于鮮豔色彩對使用者體驗的影響,仍然有很多讨論。

UI 中明亮色彩的好處

提高可讀性和易讀性

在我們之前的一篇文章中,我們描述了影響配色方案選擇的因素。可讀性和易讀性是設計師考慮應用顔色的基本因素。提醒一下,可讀性代表人們閱讀副本内容的難易程度,易讀性定義了使用者區分特定字型中字母的速度。

鮮豔的色彩可實作足夠的對比度,有助于提高可讀性和易讀性。由于對比,布局元素變得可區分和明顯。但是,高水準的色彩對比度可能并不總是很好。如果複制内容和背景顔色對比度太大,将難以閱讀或掃描文本。這就是為什麼建議設計師建立溫和的對比度,并僅将高對比度的顔色應用于突出顯示元素的原因。

銳化導航并增強直覺互動

視覺層次是任何數字産品清晰導航和直覺互動系統的核心要素。UI 元件以這種方式組織,是以大腦可以通過實體差異(包括顔色)來區分對象。

顔色有自己的層次結構,由對使用者思想的影響力來定義。有紅色和橙色等大膽的顔色,也有白色和奶油色等弱色。鮮豔的顔色很容易被注意到,是以設計師經常将它們用作突出顯示或設定對比度的手段。此外,将一種顔色應用于多個元素,您可以表明它們以某種方式連接配接。例如,您可以為購買按鈕選擇紅色,以便人們可以在需要時直覺地找到它們。

可識别性

人類大腦對大膽的顔色反應強烈,這就是為什麼明亮的顔色組合很容易被注意到和記住的原因。豐富多彩的UI設計有很大的機會在許多顔色較弱的産品中脫穎而出。選擇需要基于目标閱聽人的偏好和市場研究。

此外,如果一家公司将明亮的公司顔色應用于徽标和品牌項目,則在其網站或移動應用程式上使用這些顔色可能是個好主意。通過這種方式,設計創造了連接配接公司所有溝通管道的視覺解決方案的一緻性,并提高了品牌知名度。

在 UI 中應用的顔色越鮮豔,比對它們就越困難。為了讓使用者感到愉悅和舒适,設計師試圖将平衡與和諧帶入使用者界面設計中。色彩和諧是關于設計中顔色的排列,對使用者的感覺最有吸引力和最有效。和諧的顔色組合有助于給網站或應用程式留下良好的第一印象。色彩理論定義了幾種基本的配色方案,這些方案已被證明可以有效地工作。讓我們看看它們是什麼。

  • 單色的。色彩和諧基于一種具有各種色調和陰影的顔色。
  • 類似。該方案應用色輪上彼此相鄰的顔色。
  • 互補。它是在色輪上彼此前面放置的顔色混合,旨在産生高對比度。
  • 分裂互補。此方案的工作方式與前一個方案類似,但采用了更多的顔色。例如,如果您選擇藍色,則需要選擇另外兩個與其相反的顔色相鄰的顔色,即黃色和紅色。
  • 三合一。它基于三種不同的顔色,這些顔色在色輪上等距。專業人士建議使用一種顔色作為主導,其他顔色作為重點。
  • 四元/雙互補。四聯配色方案采用車輪上的四種顔色,它們是互補對。如果将所選顔色上的點連接配接起來,它們将形成矩形。

失去口音

粗體顔色可以成為在UI中進行重音的工具,但它們仍然是重音消失的原因。單個視覺構圖中的許多鮮豔色彩會帶來丢失突出顯示元素的風險,因為它們成為彩色混亂的一部分。

這就是為什麼建議設計師應用60%-30%-10%的比例。最大的部分應該去占主導地位的色調,構圖的三分之一采用次要顔色,10%去顔色,這有助于制作重點。這樣的比例被認為對人眼來說是令人愉悅的,因為它允許逐漸感覺所有視覺元素。

鮮豔的顔色并不适合所有使用者的組

數字産品建立的核心階段之一是使用者研究。定義和分析目标閱聽人 設計師了解他們對網站或應用程式的期望。年齡、性别和文化會影響潛在使用者的偏好。例如,孩子們非常喜歡黃色,但随着我們成年,它通常看起來不那麼有吸引力了。男性和女性通常更喜歡冷色,例如藍色,綠色及其色調。與女性不同,男性通常更喜歡非彩色,包括白色、黑色和灰色。

鮮豔的顔色也是如此。即使您為娛樂應用程式建立設計,您也需要考慮目标閱聽人的具體情況。中年人通常更喜歡淺色使用者界面,他們可能不喜歡螢幕上大膽的顔色,這會分散注意力。

鮮豔的色彩在移動螢幕上可能看起來對比度太強

正如我們上面所說,明亮的顔色可以産生很大的對比度,有助于突出重要的UI元素,并有助于達到理想的易讀性和可讀性水準。然而,過多的對比度可能會開一個不好的玩笑,尤其是對于移動界面,因為它們的空間有限,可以在各種情況下使用。

小螢幕、環境光和明亮的字型使對比圖像看起來不愉快。這就是為什麼在移動UI設計師中應用明亮的顔色需要注意顔色之間的對比度水準,以便人們在移動螢幕上閱讀文本時感到舒适。

顔色是大師手中的好工具,像任何其他工具一樣,它有其優點和缺點。為了有效地使用它,您需要考慮它的所有方面,以便能夠找到适合設計任務和目标的解決方案。