快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

希尔顿娱乐游戏平台网址:颜色与UI



顾名思义,GUIs(Graphical User Interfaces,图形化用户界面)从视觉上展现了它们的特点与功能。人机交互在很大年夜程度上是依附于可视界面,探求某个事物,并与图形化UI元素进行交互。颜色是任何视觉画面的主要特性,这并不仅限于谋略机屏幕,而是任何我们所看到的事物。由于在我们日常生活中,大年夜多半所看到并进行交互的事物都是有颜色的——或许是看到的太多了,我们已对这点屡见不鲜了。反过来说,假如你必要去涉猎一个玄色按钮上的深灰色标签,那将是异常苦楚的。以是,颜色会潜移默化的增强或削弱用户体验。本文将对用户体验的观点加以先容,并着重探究在UI设计中所保举的颜色以及颜色感知等内容。

用户体验

用户体验(User Experience,简称UX)是一个关于用户(users)以及交互(interactive)技巧系统领域的整体观点。详细来说,它代表了一个网站或者利用法度榜样对其用户的可用性(usabilit希尔顿娱乐游戏平台网址y)以及吸引程度。可用性高意味着交互产品能够让用户快速的实现他的目标。ISO 9241-110[1]以及Nielsen的钻研[2]是这个领域中的“圣经”。

吸引力是指用户以及他所交互系统之间的感情。用户爱好它吗?憎恶它吗?他们觉得它是吸惹人的、时尚的,照样为之入神的?在交互的历程中,他们会为之引以为豪吗?只管希尔顿娱乐游戏平台网址吸引力并不能像可用性那样明确的对其进行定义,然则它对付一个产品的成功仍旧至关紧张,由于有吸引力的系统会让人应用起来更开心,加倍合其所意,这都邑增加产品的代价。

颜色与UI

颜色是360nm至720nm之间的光波刺激人类的眼睛并由视觉系统[3]进行处置惩罚后所触发的感知。我们的眼睛拥有三种类型的颜色接管器,分手用于处置惩罚长波、中波、短波。它们分手被称为L-、M-和S-cones(译者注:cones是人眼的圆锥细胞)。如图1所示,一束530nm的光波会触发最多的M- cones,其次是L-cones,只会触发很少的S-cones。这条光束着末被感知到的颜色即为绿色。

图1:三种cone类型的光波被感知到的颜色([4])。

谋略机屏幕中的颜色是由RGB颜色模型(R代表希尔顿娱乐游戏平台网址血色,G代表绿色,B代表蓝色)所定义的。这三种颜色被称为(三)原色(primary colors),分手对应L-、M-和S-cone中最易接管的光波。三原色不能由其他颜色混杂而天生。相反,经由过程混杂三原色,可以天生其他所有的颜色。屏幕上的每一个像素都是由一束红光、蓝光和绿光互相感化而天生的,它们挨的异常近,是无法分辨出来的。

颜色比较度

平日环境下,UI中的有色工具或区域并不是伶仃存在的,都邑与其他的工具或区域比邻或者重叠。这就孕育发生了比较效果。没有足够的比较,我们是不能在屏幕上分辨出不合的区域的。这也恰是办公软件例如微软的Word、Powerpoint、Excel、Outlook为什么都邑默认设置成白底黑字的缘故原由了—— 由于它会孕育发生最强的比较度,以及最佳的可视度。

除此之外,颜色比较度平日被用于把浏览者的留意力引向某些通报关键信息或者必要输入的紧张UI元素。

颜色比较度也会前进UI的视觉吸引力。实验钻研显示,暖色调(比如红、黄、橙)异常得当作为冷色调(比如蓝、绿、紫)的背景,反之亦然。

比较效果同样会对用户体验孕育发生晦气的影响。下面讲的两个例子是对照有代表性的。平日环境下,任何视觉区域都邑趋于临域的补色。比如,一个灰色的方框,假如周围是血色,那它看起来就会发绿,假如周围是绿色,看起来就会发红。这种环境被称为同时比较(simultaneous color contrast)【4】。在UI中,平日是一个控件,比如一个按钮,在不合的背景致下会孕育发生完全不合的视觉效果。

别的一种比较度孕育发生的问题是色差(chromatic aberration)【5】。透镜(包括我们眼睛中的水晶体)会对不合的光波孕育发生不合程度的折射。这种环境是由于不合的光源投射到视网膜中不合的地方所引起的,对照显着的环境是紫色与血色的组合,还有蓝色与血色的组合(如图2),由于紫色与蓝色的光波位于光谱的一端,而血色位于另一端(如图1)。

图2:色差

是以,图2中的翰墨看起来与背景比拟,显得有些隐隐。以是,在UI中该当避免血色和紫色/蓝色的比较。只管如斯,红-蓝组合仍旧比比皆是,或许是由于UI 设计者为了斟酌色觉障碍(color deficiency,下有胪陈)的问题而避免采纳红-绿组合的替代选择。图3展示了天生良比如较度的不合前-背景致组合。

背景致

绿

前景致

good

good

good

good

good

good

good

good

good

good

good

good

good

good

good

good

绿

good

good

good

good

good

good

good

图3:良比如较度的不合前-背景致组合

色觉障碍

当人们讨论色盲(color blindness)的时刻,平日是指对接管某种特定颜色存在障碍。而这种环境更准确的说,应为色觉障碍(color deficiencies),由于大年夜多半环境下,人们并不是完全不能接管某种颜色,只是他们的感知会有所偏差【3】。色觉障碍是由视锥细胞类型(cone type)的缺掉或事情非常所导致。表1列出了由L-、M-、和S-cone所引转机觉障碍患者的比例。8%的男性以及0.4%的女性都存在不合程度的色觉障碍。由于L-和M-cone的弧度异常靠近(见图1),以是由L-和M-cone引起的色觉障碍症状异常相似。当L-和M-cone存在问题时,颜色的出现则大年夜多都是基于蓝、黄两个色调,由此导致不能精确的接管值得保举的红-绿配色。

色觉障碍

缘故原由

颜色视觉

概率 [%]

-

-

能够看到所有颜色

男性: 92.0

女性: 99.6

红绿色弱

L-cone缺掉或不够

- 能望见大年夜部分颜色,除了蓝色与黄色

- 肴杂血色与绿色

男性: 2.00

女性: 0.0希尔顿娱乐游戏平台网址4

红绿色弱

M-cone缺掉或不够

- 能望见大年夜部分颜色,除了蓝色与黄色

- 肴杂血色与绿色

男性: 6.00

女性: 0.39

蓝黄色弱

S-cone缺掉或不够

- 能望见大年夜部分颜色,除了血色与绿色

- 肴杂蓝色与黄色

男性: 0.004

女性: 0.002

全色盲

L-, M-, S-cone缺掉

不能看到任何y

男性: 0.003

女性: 0.002

表1:色觉障碍与发生率

由S-cone引起的色觉偏差会导致颜色的接管都是基于红、绿色调,而深受赞誉的希尔顿娱乐游戏平台网址蓝、黄配色则无法感知。但这是一种异常罕有的环境,只有0.004%的男性以及0.002%的女性会呈现此类症状。还有一种异常罕有的环境——全色盲,这是由完全缺掉视锥细胞所导致的:只有0.003%的男性以及0.002% 的女性看不见任何颜色,他们的视觉长短彩色的,完全基于黑、白、灰。

从表1可以看出,色觉障碍患者中最范例的一类人是无法接管红、绿两色的男性。非红-绿色觉障碍的患者比例异常低。实际上,由闪烁的UI元素引起癫痫的比例都要比非红-绿色觉障碍的比例超过跨过400倍。

问题是,色觉障碍的程度为产品的可用性带来了伟大年夜的寻衅。这会由于利用法度榜样的类型差异而有所不合。在所有对颜色的应用有美学要求的地方(比如大年夜多半公司的网站),它对色觉障碍的紧张程度就远远低于某些表示状态的系统(比如节制系统和dashboards)。平日环境下,建议不要经由过程颜色来注解某些紧张信息。比如,经由过程红光或绿光注解系统状态,这会给红-绿色觉障碍者会带来麻烦。以是,最好供给一些故意义的文本标识(“OK” vs. “警告”),或符号(“对号” vs. “感叹号”)代替有色码。

颜色与视觉感染力

颜色异常得当增强软件产品的视觉感染力。我们平日会付与某些颜色以特定的涵义(表2)。这些对颜色的不雅念在设计UI的时刻每每起到异常大年夜的感化。举个例子,一个基于白色的诊所软体利用法度榜样是异常通情达理的,由于白色象征着“整齐”。再比如,联合国的主页是基于蓝色的,传达了一种“和平”的理念。

颜色

传达的感想熏染

热(hot)、竣事(stop)、侵占(aggression)、差错(error)、警告(warning)、火(fire)、勇气(daring)

女性(female)、可爱(cute)、棉花糖(cotton-candy)

温暖(warm)、 秋日(autumnal)

幸福(happy)、妖冶(sunny)、 快乐(cheerful)、减速(slow down)、小心(caution)

温暖(warm)、秋日(fall)、龌龊(dirty)

绿

妒忌(envy)、 爱慕(jealousy), 菜鸟(a novice)、 肥饶(fertile)、 田园(pastoral)

镇定(peaceful)、水(water)、男性(male)

皇族(Royal)

纯洁(virginal)、干净(clean)、无邪(innocent)、严寒(cold)

邪恶(evil)、鬼魂(ghostly)、逝世亡(death)、畏怯(fear)、哀痛(mourning)

阴暗(overcast)、忧郁(gloom)、暮年(old age)

表2:西方的颜色感知

该当留意的是,表2中所列的这些对颜色的感知都起源于西方的文化。由于颜色不雅念是与文化亲昵相关的,他们在不合的区域会表示截然不合的涵义。比如血色,在埃及象征着“逝世亡”,而在印度却代表“生命”与“立异”,在中国则是代表“幸福”【9】。

有感染力的UI是由一组和谐、相关的颜色所构成。创建配色规划(color scheme)也是一个技术,而且是异常紧张的,由于必要斟酌很多身分,包括所要传达的公司品牌代价、强调的颜色感知(见表2),此外,还要斟酌人类个体的问题(比如之条件到的比较度)。

无需图像设计师的赞助,有很多种措施可以用来创建简单的配色规划【10】。举个例子,你可以在12色环(color wheel)中任选3个相邻的颜色(analogous color——相似色,见图4)。或者选择完全相对的两个颜色(conplementary color——互补色)。不要忘怀,血色与蓝色对红-绿色觉障碍者可不是很友好(详见前文“色觉障碍”)。

图4:基于相似色的配色规划

关于作者

Tobias Komischke博士已在用户体验领域事情跨越10年。他是技巧刊物、会议的评论家,颁发论文跨越30篇。在Infragistics,他认真用户体验的内(开拓)、外(培训与咨询)事情。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

您可能还会对下面的文章感兴趣: