1. 首页 >
  2. 资讯公告 >
  3. 北京平面设计培训 对于可访问性设计师必知的7件事

北京平面设计培训 对于可访问性设计师必知的7件事

 Apr 29, 2015 2:09:47 PM  1531人 来源: 火星人教育

    可访问性是用户体验的重要一环,好的可访问性设计可以让用户更容易使用和浏览你的产品(手机、电脑、网页、UI等)。

1.访问性设计并非创新的障碍

    让产品的访问性更好,并不是让你设计一个杂乱无章,毫无理论的产品。当你在设计的时候可能会因为一些规范而被约束,但他们本身并不是一种限制,而是你的设计方向,毕竟最终目的还是提供更好的产品——既好看又好用。
    当我们在阅读这些设计规范的时候,请务必记住,这些产品并不只是为我们的同行或者设计同好来设计的,它所涵盖的用户各不相同。

    作为设计师,你可以设计出与同行或者同兴趣的人共鸣的产品,但是他们只是你用户中的极小一部分,你设计的产品会有各色各样的用户,他可能是盲人,可能是色盲或者老人,还有很多可能他是典型的处女座。所以用户访问性准则是设计师的必经之路。

2.不要让色彩成为你唯一的视觉传达手段

    视觉障碍者存在的问题都不太一样,色盲、近视以及失明的用户都是你在可访问性设计需要照顾的对象。
    借助色彩来表现出高亮和互补是显而易见的设计方法。
    看下图中的表单有几项是显示错误?很多人都觉得只有验证码错误,因为有提醒的三角形。这个就是问题的所在,整个界面都是灰色的使用户无法辨别出是否有问题。

    下图是带色彩的界面。实际情况并不是上图所说的。设计师用红色表示填写错误,对于色盲的用户,这样的设计就是灾难。其实不单单使用色彩来提醒,可以使用加粗的字体或是边框,下划线或者是斜体来告诉用户是错误的,这样更直观一些。

3.确保文字和背景有充分的对比
    根据WCAG的规定,文本和所处的背景的对比度至少为4.5:1。这套规范主要是要确保弱视者、色盲看清楚屏幕上显示的文字内容。这也就意味着,如果你的文字大小为24px,19px粗体的时候,文字的灰度最少也得是#959595(如下图)。

    如果文字比较小,背景又是灰色(或是其他颜色),那么文字的颜色就需要更深一点才可以。

    接下来看看Medium(如下图),仅有“M”这个logo是最显眼的内容,其他的文字很难看清楚。Logo固然重要,但是用户浏览的主要内容我想并不是一个logo吧。

    下一个案例看BBC的网站,这个网站使用了不同的颜色强化对比,很明显他们的网站在对比度上做过很深的功课,虽然并不是那么的美观。
    最后再看Salesfore的移动客户端。

    这个案例中很明显,他们采用了高对比度的色彩组合。如果你没有深入了解过他们,很难想象这些设计师对于高对比度的色彩组合有多么执着的追求。不过我想你应该也已经明白控制对比度的好处,你的界面会更加优秀。