首页
您所在的位置:主页 > 日博官网 >

晋升色盲用户的体验

作者:admin 日期:2020-02-11 人气: 

  

  据Colour Blind Awareness的统计,总人口的4.5%是365bet。假设你的用户少数是男性,则这个比例还要上升到8%。人们经常忘了为365bet设计,因为少数设计师不是365bet。本文中,我们提出13条建议来改良365bet用户的体验——这些对视觉正常的用户异样有益。

  有很多种类的365bet,但终究都能分红这几类:没法了了识别色彩、色彩混淆、没法辨别特定色彩。

  这些后果在特定情况中愈发严重,比如浏览网站。这包罗低分辨率显示器、蹩脚的光线、小移动端屏幕、阔别大年夜屏幕电视而坐。

  仅仅依托色彩建立可读性和可见性,会让网站难以应用,终究影响了浏览和发卖。

  固然下面这些建议其实不单方面,它们确实涵盖了365bet用户浏览网站时碰到的主要后果。

  要确保文字轻易浏览,它就应当遵守可读性规范,联合字色、背风景和字号:

  “WCAG 2.0的AA级规范请求,通俗字号的对比率要到达4.5:1,大年夜字号的对比率要到达3:1(大年夜字号是指14磅的加粗或加大年夜文字,或许18磅及以上字号)”——WebAim色彩对比检查器

  下面列举了一些色彩和字号组合,有的到达规范,有的没有:

  这标清晰明了色彩和字号的组合构成了如何的反差对比。

  配景图上的文字处理起来很奇妙,因为图片局部或整张图都能够没法与文字构成足够的反差。

  Description of the image.

  文字没有蒙层,直接掩饰在图片上。

  降低配景透明度可以增强反差,让文字更轻易浏览。

  Description of the image.

  文字掩饰在带有蒙层的图片上。

  或许,你可以给文字选择一个牢靠的色彩,或许加上投影,其他任何契合品牌规范的方法都行。

  下图展现了Amazon的色彩过滤器,可以看到通俗人与红绿365bet(分不清白色与绿色)的视觉后果。假设没有刻画文字,就不能够从这么多选项中作出辨别。

  不带标签的色彩过滤器,在红绿365bet看来是完整没法用的。

  在用户鼠标悬停时,Amazon展现了刻画文字,但移动端上没有这一操作。

  不才图中,Gap在每个色彩旁边加上了文字标签,后果得以处理。

  带有标签的色彩选择器,红绿365bet应用起来很轻松。(检查大年夜图)