当前位置: 主页 > 办公设备 > Facebook怎会选择蓝色呢
 

Facebook怎会选择蓝色呢

【论文时间: 2016-03-08 14:30

经过规划完成颜色无障碍化你也许会想:我有必要为那么一小部分用户思考吗?事实上,从长远来看,为色盲用户做一些特殊的优化规西宁讯道电子有限公司划会使得你的整体规划更为优秀。所以,优秀的网站应当是无障碍的无障碍化规划并不会妨害你的规划的整体美感。以下是当你为颜色无障碍化进行规划时需要关注的五个基本概念:1.颜色+符号不应当只依赖于经过颜色来传递信息。

 

国际上大概有8%到10%的男性以及0.5%的女人患有不一样程度的色盲。这意味着,在你的网站的每100个访客当中,也许就有最少10个人对于颜色的感知与你不一样。那么,怎么做才能向一切的访客保证视觉上的杰出体验,减小乃至消除色盲病人在颜色感知上的偏差呢?一直以来,对于怎么非常好地针对色盲病人进行无障碍化规划存在着很多相互抵触的观念。在这里,咱们将列出一些在优化色盲用户颜色体验的规划中需要思考到的重要事项。

 

色盲是什么色盲是无法分辩天然色谱中的某些颜色的状态,一起,因为它的致病因是位于X染色体上的基因突变,所以它的男性病人远多于女人病人。目前存在三种首要的色盲类型:绿色盲,红色盲以及蓝黄色盲。其中,又属绿色盲最常见,红色盲次之,而蓝黄色盲较罕见。下面这张图展示了不一样类型色盲病人眼里彩虹的颜色。目前,已经有一些测试(详见下文链接)和范例向咱们展示了色盲病人眼里的国际;然而,想要百分之百还原他们所看到的却是不太也许的。例如,某些色盲病人有也许根本无法注意到红色的报错信息。所以,大能够一起运用颜色和符号来吸引用户的注意。

 

例如,Facebook表单字段的红色警示符号和阐明文字。有趣的事实是:Facebook的Logo以及它为人诟病的蓝色主题实际上是拜创始人马克•扎克伯格所赐——马克是一名红绿色盲病人,对他来说蓝色是最简单分辩的颜色。他曾说过,“蓝色是我生命中最丰厚的颜色,我几乎能够看见这世上一切的蓝色。”2.极简主义在规划网站时避免运用过多的颜色。网站的颜色越简单,对于色盲用户来说越简单运用。

 

极简的规划不只在当下十分流行,一起也能让你的规划在颜色方面无障碍化。3.形状/文字也能够构成反差效果活用形状或文字,而不是仅凭各式各样的颜色来突出重点。对于色弱或色盲的用户来说,他们很难经过颜色来分辩图示,因而,思考运用多元化的模式会非常好。下面是一个绝佳范例。4.运用反差大的颜色不应只是依赖黑白两色来表达笼统的内容,能够挑选更多样、明亮颜色融入你的规划。例如,当你在规划可点击文本的运用体验时,便能够运用多元化颜色来表现。

 

以上是一个将笼统概念规划得很好的示例,是归纳思考色盲用户的人性化规划。5.避免差劲的颜色搭配颜色搭配是一件需要巧思的事情。随着色盲对人们日子的影响越来越杂乱,咱们越来越难以界定在网页规划中哪些颜色的“安全”的。这里有一些需要尽量避免的组合方案,因为他们对色盲用户来说都是噩梦:绿色&红色绿色&棕色蓝色&紫色绿色&蓝色浅绿&黄色蓝色&灰色绿色&灰色绿色&黑色运用视觉效果模拟器,能够协助你为规划挑选精妙的颜色组合。

 

怎么检验自个是否是色盲或色弱?很多人在很长一段时间里都不知道自个患有色盲或色弱,乃至直到他人指出疑问之前他们都没有意识到色盲已经影响到了他们的日子。以下是一个常用的检测色盲的图画,你能够试试。(文章结尾能找到相关链接)总结UX规划师应当尽量将页面规划得人性化。

 

虽然这里没有一致的解决方案,但UX规划师们仍应谨记一些原则:不要仅用颜色来传递信息将色系控制在2至3个运用文本和形状来表达笼统信息运用差异性大的颜色和暗影来突出可点击的文本避免运用例如红配绿、绿配蓝或蓝配灰这样差劲的颜色组合

 

1.石原色盲检验:38项根底测试之后你会得到反应。http://www.color-blindness.com/ishihara-38-plates-cvd-test/#prettyPhoto

 

2.色盲检验:一款由Colorblindor规划的安卓运用,60秒内你就能得到答案。https://play.google.com/store/apps/details?id=ch.colblindor.colorblindcheck

 

3.Coblis-色盲测试装置:你会看到不一样色盲程度病人眼里同一张图画的不一样姿态。http://www.color-blindness.com/coblis-color-blindness-simulator/

 

4.移动运用:引荐3款首要协助色盲病人的安卓和iOS运用。http://www.mobdevapp.com/iphone-and-android-app-developed-to-help-individuals-with-colorblindness/


本文来源:西宁讯道电子有限公司http://www.xnxddz.com/

最新文章
热门文章