色盲在左,设计在右

每次人们发现我是色盲后,总会问我同样的问题:“所以,这个是什么颜色?”95%的时候我都回答正确,紧跟而来的是,“等等,如果你能分辨这是{插入颜色},那么你怎么可能是色盲?你都看到什么了?”解释色盲的原理的乐趣就来自这里,同时也对我的职业道路产生了很大影响。

作为设计师,我们不断担心着易读性,内容是否吸引人,期望的目标是否足够大,或者用户是否能够正确完成一次使用流程。但我们经常忘记一点,十个人中就有一个是色盲。很多次我下载了一款应用或者游戏,使用的过程却带来了巨大的痛苦。我总是无法区分两个对象,或者辨别出是否有标签。

如果每10个用户中有1个发现你的app很难或者根本无法使用,你的评分和评论将大幅度下降。所以,我们应该如何做测试?我们要怎样修复这些问题?并且,我们怎样才能阻止这些问题再次出现?

我们在何处看到问题

色盲并不意味着我看不到任何颜色。我的生活并不缺乏色彩;通过我的眼睛看到的世界并不是黑白电影。

我不会错过任何颜色——所有的我都能看到。我只是很难标记出他们或者区分开来。当树叶在秋天变了颜色,我并不是总能看到红色、橘色和黄色。我可能只看到橙色,或者有时候,我几乎注意不到颜色的变化,直接就从绿色看到棕色。这就是说,在设计应用app时,我们不应该仅仅注意到个别的颜色,观察它们是否‘可见’,而是应该将颜色分组,观看每组颜色之间是否有区别。即便如此,我们可能需要更多的视觉效果,以确保用户不会将两种颜色弄错。

成功的应用软件

一些应用和程序已经开始针对性得为忍受色盲的人们做优化,并且效果不错。Trello,一款基于web的任务管理类应用程序,就做出的非常棒,它能让用户激活色盲模式。这一小小的功能让用户,比如我自己,能够快速得区分不同的标签。Trello

Trello让色盲用户区分标签的解决方案

另一款app,Two Dots,一款以连接同样颜色的两点为核心的游戏,也有色盲模式。当我第一次开始玩游戏,我的进度十分缓慢,几乎无法战胜任意难度的关卡。因为我无法轻易识别不同的彩色圆点,所以我很难创建组合。后来我发现了色盲模式,通过符号在圆点上增加额外一层分类,游戏变得容易多了。不必依赖严格的色彩区分,我可以通过连接符号来玩游戏。Two Dots

Two Dots的色盲模式

防止错误

所以,你已经完成了所有的设计、选择布局、图标、字体。你只需要你的色彩选择让色盲患者能正常使用产品就可以了。但是,除了明显的‘问你的色盲朋友、同事、未婚夫、侄子等等’,你还可以怎么做?好吧,还有一些选项。这是SimDaltonism,一款让用户能够预览屏幕的手机应用,用户能够像色盲人群一样浏览。如果你通过这款应用预览后,发现很难区分设计上的差别,大多数时候,我也是如此。现在有很多色盲模拟应用,这款只是看起来更匹配我所看到的。Michel Fortin

另一个非常重要的测试是观察你的设计的单色效果如何。你在设计的时候应该定期执行测试,但是这可以让我这样的色盲用户不必麻烦地使用你的应用。单色设计可以让你了解哪些色调靠的太近。如果两个同种色温的颜色(蓝色和紫色、红色和绿色、橙色和红色灯)有着类似的色调,它们就极难分辨。谷歌地图,除了使用红色和绿色来区分拥堵和顺畅,还使用多种不同的色调,让我能更好的区分差别。

还有一种简单的单色设计测试方法,就是进入你的手机“设置”,然后打开辅助功能的灰度。这么做后,按三次你的home键,可以触发辅助功能的打开和关闭。Use Accessibility features in iOS

谷歌地图显示交通拥堵的方式

但是看不到颜色的话,你怎么能成为设计师呢?

问的好,我也不知道。我只是假装知道我在做什么,然后希望我的老板不会注意到。

但事实上,它让我的生活变得容易一点(至少在设计方面)。在初学设计的时候,我很少会去担心‘我应该用那种蓝色阴影’或者‘橘色和这种颜色搭吗?’。相反,我把重点转到布局是否良好,能否适用于黑色和白色。我通常不需要去找另一个色盲朋友帮助我验证颜色选择。当我向客户解释颜色选择时,我不太专注于颜色的名称上,更多的是关于色温或者颜色值,这些颜色是否能促进或说明我想要的感觉。红色并不一定意味着着‘不’或‘错误’,而是特定的温度和自然饱和度起到这一效果。我从来不会判断错清凉、放松的颜色。

Nothing about a cool, relaxed color screams error to me.

即使挑选合适使用的颜色也会变得更容易。我会坐在这里混合涂料,直到我找到一个完美的蓝色阴影吗?不会。我会期望那些正常视觉的人做到这一点吗?不会。事实上,我倾向于借用预制的调色板。现在,我不会寻找应用并原封不动的复制它们的颜色,相反我会寻找那些有着不错调色板的构图,并从中抽样。例如,Miley Cyrus为‘We Can't Stop'做的MV,在我看来,就有许多很棒的图像和颜色。我会从那偷东西。Gorillaz的‘Stylo’也是这样。

Frames from ‘We Can’t Stop’ by Miley Cyrus

颜色选取

Frames from ‘Stylo’ by the Gorillaz

颜色选取

我会找到有非常棒的色彩搭配的照片、家具、绘画。这些既定和验证过的作品是颜色影响的重要来源。LikeSip这款应用允许你从屏幕抓取像素级别得到颜色模板,然后在你的设计中使用。Qolor可以让你在现实世界用iPhone的摄像头拍摄照片,也能获得颜色模板。Mac App StoreQolor

所以,为什么我要读这个?

你没别的事可做了吗?你忘记你的家庭作业了吗?我不知道。但我希望,这是因为你想要确保你的应用处于最佳水平,供所有人使用。即使只有一小部分人是色盲,我们就要在设计的时候考虑进去。而且,如果我们将这类人群放在心里,当我们选择颜色的时候,我们就知道最终的设计将适合每个人,从而带来更好的应用和用户体验。

原文作者:Aaron Tenbuuren

Designer, Illustrator & Cat Ownerwww.aarontenbuuren.com

本文已获得作者授权,转载前请联系我

关注Medium精选微信公共号:Mediumjx。或者,扫描二维码。

原文地址:

Designing For (and With) Color Blindness

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容