时间:2019-07-27
编辑:网站制作公司
1118
0
颜色是UX设计师可用的最强大的工具之一,这个主题肯定会在平面设计师中产生一些激烈的争论。用户体验设计中颜色选择的重要性远远超过简单选择美观的调色板。除了应用色彩心理来影响网站用户之外,设计师还必须考虑我们的大脑看待颜色的方式,颜色影响可用性的方式以及颜色的文化内涵。
你有没有去过一个网站,并惊叹颜色相互补充的程度,提供恰到好处的对比度?这种影响可能是故意的。颜色值在可读性和用户体验中起着重要作用。每种颜色都有一个基于其在色轮中的位置的值,该值决定了它与其他颜色的合作程度。在色轮的两端覆盖颜色可以使阅读更容易 - 特别是对于在外面明亮的光线下在智能手机屏幕上阅读的用户。另一方面,在具有相似颜色值的背景上放置文本会使阅读更加困难。
在为您的网站设计配色方案时,您应该避免使用一些颜色组合。您是否看过图像,并且某些颜色似乎从屏幕中弹出?这种效应称为chromostereopsis。这种现象在图像或文本中产生了深度错觉,并且这种效果会产生疲劳。大脑经历了某些颜色组合的染色体重建,特别是蓝色和红色,它可以在网页设计中产生令人畏缩的效果 - 只需看看下面的例子。以下是一些简单的设计技巧,可帮助您在网页设计中有效使用颜色:
DO与可读性的变化值叠加颜色。
请使用具有一致颜色模式的背景。
请勿叠加在灯光下或黑暗中。
不要使用霓虹灯或彩虹设计。
用户体验设计师面临的一个特殊挑战是容纳色盲或色觉缺陷(CVD)的访客。这种常见病症影响超过8%的男性和约0.5%的北欧血统女性。由于CVD的流行程度如此之高,因此UX设计师可以采用针对多种色盲的色盲友好调色板。在某些情况下,个人不能在红色和绿色之间进行解读,而在其他情况下,蓝色和黄色看起来相同。在极少数情况下,个人可能根本不会感觉到颜色。以下是创建色盲可访问设计的一些有用提示:
避免在具有相似颜色值的背景上叠加文本。虽然这给大多数读者带来了困难,但患有CVD的人可能无法在具有相似颜色值的背景上阅读文本。换句话说,您的网页可能看起来像一个没有文字的普通颜色块。这并不意味着您不一定能使用您想要的颜色组合,只需确保调整颜色值以使它们充分区分。
与颜色和线厚编码一致。提高可访问性的一种方法是为用户提供多种方式来理解您的内容。例如,如果您网站上的文字或图形是一致的颜色,请选择一致的线条粗细。这样,即使有人无法区分特定颜色,他们仍然能够理解您的架构。
要考虑最常见的难以区分的颜色。您对用户吸收内容的能力了解得越多,您就可以对设计做出更明智的选择。例如,避免对蓝黄色CVD患者来说难以实现的网站设计可以帮助您吸引更多用户并提高整体可访问性。一个很好的一般提示是避免严重依赖红色,绿色和蓝色的设计。
检查你的工作。对于那些没有CVD的人来说,可能很难猜测设计的外观。幸运的是,有一些网站,如Vischeck,Colorblind网页过滤器和Coblis,可以向您展示它们如何为具有不同类型色盲的个人展示。Colbis甚至为设计师提供机会,让有色盲的人检查您的设计的可读性,以确保您的设计易于访问。
了解人类大脑在生理上解释颜色的方式只是UX设计师的难题之一。除了生物学方面,文化和背景也在用户体验和对颜色做出反应方面发挥着重要作用。这个概念应用起来可能更复杂,因为不同于几乎每个观众都会感到震惊的红绿色组合,颜色在不同的文化中可以带来明显不同的含义。了解用户的文化遗产对于创建有效的网页设计至关重要。黄色可能在美国创造一种温暖友好的感觉,但意味着在法国背叛,在中国发生色情,在日本表现出勇敢,在泰国运气。紫罗兰色可以表明西方人的皇室成员,中国观众的高贵,以及巴西文化的哀悼。在开始设计之前了解这些文化线索研究是个好主意。咨询一下概述不同文化的常见颜色含义,以确保您不会犯任何令人遗憾的错误。有效地使用颜色可以决定您的用户体验。在不同的环境中理解颜色可以帮助您避免不和谐的设计,使您的网站更容易访问,并与文化多样化的受众更积极地共鸣。
3
s后返回登录3
s后返回登录