童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Facebook为什么会选择蓝色?

9月21日 萌嘟嘟投稿
  眼前的红不是红,你说的绿是什么绿
  世界上大概有8到10的男性以及0。5的女性患有不同程度的色盲。这意味着,在你的网站的每100个访客之中,可能就有至少10个人对于色彩的感知与你不同。那么,怎么做才能向所有的访客保证视觉上的良好体验,减小甚至消除色盲患者在色彩感知上的偏差呢?
  一直以来,关于如何更好地针对色盲患者进行无障碍化设计存在着很多相互冲突的观点。在这里,我们将列出一些在优化色盲用户色彩体验的设计中需要考虑到的重要事项。
  色盲是什么
  色盲是无法分辨自然色谱中的某些颜色的状态,同时,由于它的致病因是位于X染色体上的基因突变,所以它的男性患者远多于女性患者。目前存在三种主要的色盲类型:绿色盲,红色盲以及蓝黄色盲。其中,又属绿色盲最常见,红色盲次之,而蓝黄色盲较罕见。下面这张图展示了不同类型色盲患者眼中彩虹的色彩。目前,已经有一些测试(详见下文链接)和范例向我们展示了色盲患者眼中的世界;然而,想要百分之百还原他们所看到的却是不太可能的。
  通过设计实现色彩无障碍化
  你可能会想:我有必要为那么一小部分用户考虑吗?事实上,从长远来看,为色盲用户做一些特殊的优化设计会使得你的整体设计更为优秀。所以,优秀的网站应该是无障碍的
  无障碍化设计并不会妨害你的设计的整体美感。以下是当你为色彩无障碍化进行设计时需要关注的五个基本概念:
  1。颜色符号
  不应该只依赖于通过颜色来传递信息。
  例如,某些色盲患者有可能根本无法注意到红色的报错信息。所以,大可以同时使用颜色和符号来吸引用户的注意。例如,Facebook表单字段的红色警示符号和说明文字。
  有趣的事实是:Facebook的Logo以及它为人诟病的蓝色主题实际上是拜创始人马克扎克伯格所赐马克是一名红绿色盲患者,对他来说蓝色是最容易分辨的颜色。他曾说过,“蓝色是我生命中最丰富的颜色,我几乎可以看见这世上所有的蓝色。”
  2。极简主义
  在设计网站时避免应用过多的颜色。
  网站的色彩越简单,对于色盲用户来说越容易使用。极简的设计不仅在当下十分流行,同时也能让你的设计在色彩方面无障碍化。
  3。形状文字也可以形成反差效果
  活用形状或文字,而不是仅凭各种各样的颜色来突出重点。
  对于色弱或色盲的用户来说,他们很难通过颜色来分辨图示,因此,考虑使用多样化的模式会更好。
  下面是一个绝佳范例。
  4。使用反差大的色彩
  不应仅仅依赖黑白两色来表达抽象的内容,可以挑选更多样、明亮色彩融入你的设计。
  例如,当你在设计可点击文本的应用体验时,便可以使用多样化色彩来表现。
  以上是一个将抽象概念设计得很好的示例,是综合考虑色盲用户的人性化设计。
  5。避免糟糕的色彩搭配
  色彩搭配是一件需要巧思的事情。
  随着色盲对人们生活的影响越来越复杂,我们越来越难以界定在网页设计中哪些颜色的“安全”的。
  这里有一些需要尽量避免的组合方案,因为他们对色盲用户来说都是噩梦:
  绿色红色
  绿色棕色
  蓝色紫色
  绿色蓝色
  浅绿黄色
  蓝色灰色
  绿色灰色
  绿色黑色
  使用视觉效果模拟器,可以帮助你为设计挑选精妙的颜色组合。
  如何检验自己是否是色盲或色弱?
  很多人在很长一段时间里都不知道自己患有色盲或色弱,甚至直到他人指出问题之前他们都没有意识到色盲已经影响到了他们的生活。
  以下是一个常用的检测色盲的图像,你可以试试。(文章末尾能找到相关链接)
  总结
  UX设计师应该尽量将页面设计得人性化。
  尽管这里没有统一的解决方案,但UX设计师们仍应谨记一些原则:
  不要仅用色彩来传递信息
  将色系控制在2至3个
  使用文本和形状来表达抽象信息
  使用差异性大的颜色和阴影来突出可点击的文本
  避免使用例如红配绿、绿配蓝或蓝配灰这样糟糕的色彩组合
  
  1。石原色盲测验:38项基础测试之后你会得到反馈。
  http:www。colorblindness。comishihara38platescvdtestprettyPhoto
  2。色盲检验:一款由Colorblindor设计的安卓应用,60秒内你就能得到答案。
  https:play。google。comstoreappsdetails?idch。colblindor。colorblindcheck
  3。Coblis色盲测试装置:你会看到不同色盲程度患者眼中同一张图像的不同样子。
  http:www。colorblindness。comcobliscolorblindnesssimulator
  4。移动应用:推荐3款主要帮助色盲患者的安卓和iOS应用。
  http:www。mobdevapp。comiphoneandandroidappdevelopedtohelpindividualswithcolorblindness
  
  翻译朱婷、花花
投诉 评论 转载

有关重置密码的设计,我从Apple学到的以及要吐槽的说到密码重置这个话题,大家一定都不陌生。每个人都有很多个网上的账号,每个人估计都有过忘记密码或者账户被锁定的经历,所以说到“密码重置”的产品设计这个话题,估计真的可以说“人人都……图片也要“高颜值”,但它们不只是美丽的像素块几乎所有设计师都知道网页设计中用图的重要性。AnyForWeb也在上一篇文章《网页设计中,诱惑大脑中的“原始人”》里,和大家分享了一些经典的案例,通过不同类型的网页设计用图从多……互联网电商平台个性化智能推荐系统设计难在哪里虽然从市场用户调研到互联网电商平台产品设计,再到上线运营推广,覆盖的面很宽,但我仔细对整个互联网电商平台知识体系梳理了一遍,其中,最为关键和难度最高的就是个性化推荐系统、搜索和……你写的PRD开发看了吗?PRD(ProductRequirementDocument,产品需求文档),这对于任何一个产品经理来说都不会陌生的一个文档,在网上搜索也很容易找到关于PRD的干货,但会写还是……Facebook为什么会选择蓝色?眼前的红不是红,你说的绿是什么绿世界上大概有8到10的男性以及0。5的女性患有不同程度的色盲。这意味着,在你的网站的每100个访客之中,可能就有至少10个人对于色彩的感知……唯物Facebook如何改造点赞按钮点赞按钮(like)是Facebook的命脉。这种说法一点儿都不夸张,因为这家社交网络公司拥有16亿用户,每天点赞60亿次,超过人们使用Google进行搜索的次数。Facebo……“企业一定要做电商”是个伪命题“所有企业不是不要做电商,而是所有企业必须做电商”,这句话我在科技媒体上看到,仔细读了这个演讲文稿,如果这个是当事人本人原话的话,我个人感觉这个相对有些绝对,道长本人是产品经理……Twitter的这种信息分类技术,在社交媒体中怎么用最有效?Hasgtag:“XX”这种形式的标签,被称作是hashtag,你可以用它来标注你的Tweet(即用户发到Twitter上的信息)里面的关键词和话题。hashtag是推特的用户……修改手机号之前,我把手机里的APP的修改手机流程都跑了一遍最近换了个手机号(没错,为了躲避债主带走我的喜儿),换手机号除了要通知通讯录里的朋友们,少不了要给众多绑定了旧手机号的产品们更换手机号。不得不说这是一项大工程。幸好旧手机号还能……6个方法,找到定位用户核心需求2月28日,一个平常的下午,坐在某咖啡店喝东西,这只是一个普通不过的咖啡店,店里很热闹,大概有十桌客人,每桌基本都点了咖啡和小食。左边两位男士似乎在谈论一些很严肃的话题,右边两……如何进行产品的功能设计?流程图定义流程图是表示流经一个系统的信息流的图形代表。说白了就是表示先做什么后做什么,实际上就是“开始,结束,行动,状态与判断”的组合。产品流程图产品流……从成本、用户和产品说起,PC端和移动端有哪些区别?现在关于移动互联网取代PC的言论特别多,的确,移动互联网产品的用户量大都已经远超PC产品,但个人认为,就像电视不能取代广播,PC不能取代电视一样,移动互联网不能取代PC,它们在……
网易云音乐用户数突破2亿,它为什么会火?产品心理学丨影响问题解决的七大因素产品之王俞军:信任,使我具备了抗衡业务与商业化的能力一个PM如何才能战胜认知界限?心理小知识以及在产品中的运用首因和近因效应(2)积分,你并没有想象中的那么重要以旅游产品产品为例,谈如何让产品有共鸣十年产品路一个十年产品经理的感悟从风光到失落,浅谈豆瓣小事的历程作为应届生,我在产品经理这个坑里的体会什么专业出身是做产品经理最佳选择?关于产品,关于运营,关于“全栈pm”(二)

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界