UI 设计中的亮色:优点和缺点

有效应用颜色的技能是每个从事视觉构图工作的人(包括插画师和 UI 设计师)的必备技能。随着平面设计和材料设计方向的日益流行,色彩理论知识变得更加突出。

鲜艳的色彩和渐变现在出现在不同数字产品的用户界面中:从俏皮和娱乐的产品到商业应用程序和网站。然而,关于明亮的颜色对用户体验的影响仍然有很多讨论。这篇文章提供了对彩色 UI 的优势和劣势的洞察。

UI 中鲜艳颜色的好处

提高可读性和易读性

在我们之前的一篇文章中,我们描述了影响配色方案选择的因素。可读性和易读性是设计师考虑应用颜色的基本因素。提醒一下,可读性代表人们阅读复制内容的难易程度,而易读性则定义了用户区分特定字体中字母的速度。

鲜艳的色彩可提供足够的对比度,有助于提高可读性和易读性。由于对比布局元素变得可区分和引人注目。然而,高水平的色彩对比度可能并不总是有效。如果复制内容和背景颜色对比太大,将难以阅读或扫描文本。这就是为什么建议设计师创建温和的对比度并仅将高对比度的颜色用于突出显示元素的原因。

锐化导航并增强直观交互

视觉层次结构是任何数字产品清晰导航和直观交互系统的核心元素。UI 组件以这种方式组织,因此大脑可以通过对象的物理差异(包括颜色)来区分对象。

颜色有自己的层次结构,由对用户思想的影响力来定义。有红色和橙色等大胆的颜色,也有白色和奶油色等较弱的颜色。明亮的颜色很容易被注意到,因此设计师经常将它们用作突出显示或设置对比度的方式。此外,将一种颜色应用于多个元素可以显示它们以某种方式连接。例如,您可以为购买按钮选择红色,以便人们在需要时可以直观地找到它们。

辨识度

人脑对大胆的颜色反应强烈,这就是为什么明亮的颜色组合很容易被注意到和记住的原因。丰富多彩的UI设计在众多色彩淡薄的产品中脱颖而出的机会很大。选择需要基于目标受众的偏好和市场调查。

此外,如果一家公司在徽标品牌商品上应用了明亮的企业颜色,那么在其网站或移动应用程序上使用这些颜色可能是个好主意。通过这种方式,设计创造了连接公司所有沟通渠道的视觉解决方案的一致性,并提高了品牌知名度。

设置心情和气氛

为了传达正确的语气、信息和呼唤用户做出预期的动作,设计师需要知道颜色可以影响我们的情绪和行为。我们的大脑会对颜色做出反应,而我们通常不会注意到它。这项名为色彩心理学 的研究指出,当我们的眼睛感知到一种颜色时,大脑就会向内分泌系统发出信号,从而释放负责情绪变化的激素。

正确选择的颜色有助于让用户处于一种心态,迫使他们采取行动,并营造合适的氛围,向用户传递正确的信息。例如,如果设计师创建与自然或园艺相关的产品 UI,您很有可能会看到它使用绿色和蓝色调色板。这样一来,设计就会与一种产品或服务相关联。您可以在我们的文章设计中的颜色:对用户操作的影响中找到颜色含义的描述。

时尚的外观和风格

明亮的颜色和渐变在 UI 设计中保持着最重要的趋势现在它们可以在不同类型的数字产品中找到,严格的商业风格的局限性似乎已经被搁置一旁。

用户界面中明亮的渐变色可以带来现代化技术和新鲜创意的感觉。根据最新趋势设计的移动应用程序或网站通常看起来很吸引人,并且可以在激烈的竞争中吸引用户的注意力。

在 UI 中使用亮色的陷阱

鲜艳的颜色很难搭配

那些认为仅凭直觉和审美品味就可以混合颜色的人大错特错。如果您想创建和谐的视觉构图,有关颜色如何工作以及它们如何协作的基本知识是必不可少的。

您在 UI 中应用的颜色越鲜艳,匹配它们就越困难。为了让用户感到愉悦和舒适,设计师试图将平衡与和谐带入用户界面设计中。色彩和谐是设计中色彩的排列最吸引人、最有效地让用户感知。和谐的颜色组合有助于给网站或应用程序留下良好的第一印象。色彩理论定义了几种被证明有效的基本配色方案让我们看看它们是什么。

  • 单色。色彩和谐是基于一种颜色及其各种色调和深浅。
  • 类似的。该方案应用色轮上彼此相邻的颜色。
  • 互补的。它是色轮上彼此前面的颜色混合,旨在产生高对比度。
  • 分裂互补该方案与前一个方案类似,但它使用了更多颜色。例如,如果您选择蓝色,则需要选择与其相反颜色相邻的另外两个颜色,即黄色和红色。
  • 三元组它基于在色轮上等距的三种独立颜色。专业人士建议使用一种颜色作为主色,其他颜色作为强调色。
  • 四元/双互补四色配色方案使用色轮中的四种颜色,它们是互补色对。如果您连接所选颜色上的点,它们将形成矩形。

失去口音

大胆的颜色可以是在 UI 中制作重音的工具,但它们也可能是重音消失的原因。单个视觉构图中的许多鲜艳的颜色会带来丢失突出显示元素的风险,因为它们会成为色彩混乱的一部分。

这就是为什么建议设计师应用 60%–30%–10% 的比例。最大的部分应该用于主色调,构图的三分之一采用辅助颜色,10% 用于有助于形成口音的颜色。这样的比例被认为对人眼来说是令人愉悦的,因为它允许逐渐感知所有视觉元素。

鲜艳的颜色并不适合所有用户群体

数字产品创作的核心阶段之一是用户研究定义和分析目标受众设计师了解他们对网站或应用程序的期望。年龄、性别和文化会影响潜在用户的偏好。例如,孩子们非常喜欢黄色,但当我们长大后,它通常就显得不那么吸引人了。男人和女人通常喜欢冷色,例如蓝色、绿色及其色调。与女性不同,男性通常更喜欢白色、黑色和灰色等非彩色。

明亮的颜色也是如此。即使您为娱乐应用程序创建设计,您也需要考虑目标受众的具体情况。中年人通常更喜欢浅色 UI,他们可能不喜欢屏幕上大胆的颜色,因为它们会分散注意力。

鲜艳的色彩在手机屏幕上可能看起来对比太强烈

正如我们上面所说,明亮的颜色可以产生很大的对比度,有助于突出重要的 UI 元素,并有助于达到理想的易读性和可读性。然而,太多的对比可能会开一个糟糕的玩笑,特别是对于移动界面,因为它们空间有限并且可以在不同的情况下使用。

小屏幕、环境光和明亮的字体使对比图像看起来对用户的眼睛来说不愉快。这就是为什么在移动 UI 设计师中应用明亮的颜色需要注意颜色之间的对比度级别,以便人们在移动屏幕上阅读文本时感觉舒适。


色彩是掌握在大师手中的好工具,与其他任何工具一样,它也有优点和缺点。要有效地使用它,您需要考虑它的所有方面,以便您能够找到适合设计任务和目标的解决方案。

首页 > 新闻资讯

Tag: HMI交互设计 人工智能体验设计咨询公司
留言