UG勤奋特工队@产品

关于UI中鲜艳色彩的优缺点

2018-04-28  本文已影响9人  341436abd542

优秀的应用颜色的技巧是每个使用视觉作品(包括插图画家和UI设计师)的人必备的。随着平面和材料设计方向的日益普及,色彩理论知识变得更加突出。

在不同数字产品的用户界面中可以看到鲜艳的色彩和渐变效果:从趣味性和娱乐性应用程序到商业应用程序和网站。但是,关于鲜艳色彩对用户体验的影响仍有很多讨论。这篇文章提供了对丰富多彩的用户界面的长处和弱点的洞察。

UI中鲜艳颜色的优点

增加可读性和易读性

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

鲜艳的色彩可以提供足够的对比度,有助于提高可读性和易读性。由于对比度布局元素变得可区分和明显。但是,高水平的色彩对比可能并不总是奏效。如果内容和背景颜色对比太多,则很难阅读或扫描文本。这就是为什么设计师被建议创造一个温和的对比度水平,并应用高对比度的颜色来突出显示元素。

锐化导航并增强直观的交互

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

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

可识别性

人类大脑对大胆颜色的反应强烈,为什么明亮的颜色组合可以很容易地被注意和记忆。色彩鲜艳的多种产品中,色彩缤纷的UI设计很有可能脱颖而出。选择需要基于目标受众的偏好和市场调查。

此外,如果一家公司的logo颜色应用于标志和商品,在网站或移动应用上使用颜色可能是一个好方式。通过这种方式,该设计可以实现连接公司所有沟通渠道的视觉解决方案的一致性,并提高品牌知名度。

设置情绪和氛围

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

正确选择的颜色有助于让用户有一个清晰的思维,使他们有所行动,并设定正确的氛围,向用户传递正确的信息。例如,如果设计师创建与自然或园艺相关产品的用户界面,则很有可能会以绿色和蓝色调色板来看它。这种设计将从一见钟情与一种产品或服务相关联。

流行的外观和风格

明亮的颜色和渐变在UI设计中保持着较高的位置。现在,渐变可以在不同类型的数字产品中找到,而严格的商业风格的局限性似乎又放在一边。

用户界面中明亮的渐变色彩可带来现代化技术和新鲜创意的感觉。根据最新趋势设计的app或网站往往看起来很吸引人,尽管竞争激烈,仍可吸引用户注意。


UI中使用鲜艳颜色的缺陷

明亮的颜色可能难以匹配

那些认为颜色只能依靠直觉和美感来混合的人会犯很大的错误。如果您想要创作出和谐的视觉作品,关于色彩如何运作以及它们如何协作的基本知识至关重要。

在UI中应用的颜色越鲜艳,就越难匹配它们。为了让用户感到高兴和舒适,设计师试图将平衡和和谐融入用户界面设计中。色彩和谐是关于设计中颜色的排列对于用户的感知最有吸引力和有效的。谐波色彩组合有助于网站或应用程序获得良好的第一印象。在色彩理论定义了被证明有效的工作几个基本的配色方案。让我们看看他们是什么。

单色。色彩和谐基于一种颜色和各种色调和色调。

类似。该方案应用在色轮上彼此相邻的颜色。

色。它是在色轮上彼此相对放置的颜色混合,旨在产生高对比度。

拆分补充。这个方案与前一个方案类似,但是它采用了更多的颜色。例如,如果选择蓝色,则需要取两个与其相反的颜色相邻的其他颜色,即黄色和红色。

三位一体。它基于色轮上等距的三种不同颜色。专业人士建议使用一种颜色作为主导,其他作为重音。

四联/双互补。四色配色方案采用了四种互补配对的车轮颜色。如果连接所选颜色的点,它们将形成矩形。

失去视觉焦点

大胆的颜色可以成为在UI中制作视觉焦点的工具,但它们可能是焦点消失的原因。单一视觉构图中的许多鲜艳色彩带来了失去高亮元素的风险,因为它们成为色彩缤纷混乱的一部分。

这就是为什么设计师被推荐使用60%-30%-10%的比例。最大的部分应该是主导色调,第三部分是次要颜色,10%用于帮助制作视觉焦点的颜色。由于它可以逐渐感知所有的视觉元素,因此人们认为这样的比例是让人舒服的。

明亮的颜色不适合所有用户的群组

用户研究是数字产品创建的核心阶段之一。定义和分析目标受众设计者了解他们对网站或应用程序的期望。年龄,性别和文化可以影响潜在用户的偏好。例如,孩子们很喜欢黄色,但是当我们变成大人时,它通常看起来不那么有吸引力。男人和女人通常喜欢冷色调,如蓝色,绿色和他们的色调。与女性不同,男性通常更喜欢无色的颜色,包括白色,黑色和灰色。

鲜艳的色彩也一样。即使您为娱乐应用创建设计,您也需要考虑目标受众的具体情况。中年人通常更喜欢轻量级的用户界面,他们可能不喜欢屏幕上的大胆颜色,发现他们分心。

鲜艳的色彩在手机屏幕上可能显得过于鲜明

正如我们上面所说,明亮的颜色可以产生强烈的对比,有助于突出重要的用户界面元素,并提供理想的易读性和可读性。然而,太多的对比可能会带来不好的笑话,尤其是在移动界面上,因为它们空间有限,可以在不同的环境下使用。

小屏幕,环境光线和明亮的字体会让用户的眼睛看起来不舒服。这就是为什么在移动UI设计师中应用鲜艳的色彩需要注意色彩之间的对比度水平,以便人们在手机屏幕上阅读文字时感觉舒适。

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

原文链接:https://uxplanet.org/bright-colors-in-ui-design-benefits-and-drawbacks-433680f0a1c7

我的微信
上一篇 下一篇

猜你喜欢

热点阅读