在创建一个网站时,不仅要有好的UI设计,而且要有良好的可访问性,这一点非常重要。这可能是一项单调乏味的任务,尤其是当我们无法关联到某些可能阻碍良好用户体验的条件时。其中一种是色盲或色觉缺陷(CVD)。如果你不是色盲,很有可能你不会经常去想它。然而,有这种情况的人必须一直处理它。虽然它被认为是一种轻微的残疾,但它可以影响很多日常活动——做饭、吃饭、交通和上网。话虽如此,我们的网站应该让尽可能多的人访问,包括那些患有心血管疾病的人。不知道怎么做?没烦恼!我们是来帮助你的。本文将帮助您更深入地了解色盲,以及您可以做(和不可以做)的事情,以使您的设计更适合色盲。首先,我们需要了解什么是色盲。至少在90%的时间里,色盲并不是真正意义上的失明,而是在辨别红、蓝、绿方面的缺陷。与视力正常的人相比,这种残疾会导致识别某些颜色的困难。与人们普遍认为的相反,色盲并没有表现出相同的症状。
这意味着两名色盲患者可能在同一幅图像中看到不同的颜色范围。色盲的类型红绿色盲这是最常见的色盲类型,因为红锥细胞(原族)或绿锥细胞(deutrans)的缺失或虚弱。它可以分为这些亚型:远视-缺乏红锥细胞。红色看起来像深棕色;橙色、黄色和绿色以不同的黄色色调出现;紫色看起来像蓝色。原畸形-有缺陷的红锥细胞。颜色就不那么鲜艳了,红色、橙色和黄色似乎有一点绿色的阴影。复视-缺乏绿色锥体细胞。红色和绿色呈棕黄色,紫罗兰也呈蓝色。氘异常-有缺陷的绿锥细胞。颜色没有那么鲜艳。黄色和绿色似乎有一点红色的阴影。蓝-黄色盲这是一种罕见的类型,发生在蓝锥细胞(tritans)不正常或不存在的时候。它可以分为以下亚型:三视疲劳-缺乏蓝色锥体细胞。红色没有明显影响;蓝色变得更绿;黄色和橙色变成了粉红色,绿色变成了蓝色。三异常-有缺陷的蓝锥细胞。蓝色似乎有一点绿色、黄色和橙色的阴影,可以稍微淡一些。
3.完全色盲“色盲”这是最严重的一种类型,在这里使用“色盲”一词是完全正确的。这是指一个人根本看不到任何颜色。当3个锥体细胞中没有一个或只有一个工作时,就会发生这种情况。网页设计对于色盲的估计,大约有1亿人在使用互联网。这1亿人看待一切事物,包括你的网站,都和其他人不一样。从转换的角度来看,让他们在访问您的网站时更容易地浏览您的网站可能对您有利。这里有一些方法可以更好地适应您的CVD(色觉缺陷)用户在您的网站。不要依赖颜色。
在设计一个概念时,一定要记住不要太依赖颜色来传达重要的信息。否则,CVD患者将很难理解您的设计,并可能导致糟糕的用户体验。例如,当试图填补必要的绿色领域,这可能是显而易见的,我们正常的视力。但对于那些有色觉缺陷的人来说,这可能是一场噩梦。相反,您可以使用其他元素,如文本(关键字和描述)、形状、图标、格式塔原则等,以使您的信息得到理解。此外,颜色理论对色盲患者也不太可能奏效。因此,不要使用它们作为反馈界面。如果你只是用红色表示“错误”或“警告”,你可能需要重新考虑一下。
使用色盲模拟器。确保你的设计对色盲友好的一个方法就是亲自去看。有很多在线工具和软件可以帮助你从CVD的角度看问题。如果你使用Photoshop,它有一个内置的工具可以让你这样做。您可以通过查看>证明设置来启用它。对于网站,您可以使用此网页过滤器。色调,饱和度,高对比度和亮度。虽然缺少色彩,CVD用户在感知对比度、色调、饱和度和亮度方面仍然很出色。利用这一点。例如,你可以使用浅蓝色的背景,并与深蓝色的元素搭配。