当前位置:首页>资讯中心
学院新闻:
友好探讨色盲人士在信息图形中的设计解决方案(二)

 

三、举例
下面以几种常用信息图形为例,来说明如何为色盲用户优化信息图:
1、点状图
优化采用了这样一些手段:A.调整配色,将色盲人士容易混淆的红、绿、橙色换为红、蓝、黄色。B.调整明度,使图中几个颜色在明度上差异更明显。C.为不同元素赋予不同形状。所有使用点元素的信息图,都可以参考这种解决方式。
 
2、折线图
优化采用了这样一些手段:A.采用更粗的线条,使颜色更明显。(色块越小,颜色越难分辨。对有色觉障碍的人来说,带颜色的细线、小图标、细体文字尤其难区分。)B.换用不同形状的线条(实线、虚线、点线)。C.文字直接注释在线的周围。D.颜色微调。这样对每一类数据使用多重可视化变量进行编码后,即便颜色信息完全丢失,也能够完整的传递信息。所有使用线元素的信息图,都可以参考这种解决方式。(上海平面设计师培训
 
3、柱状图
通过增加底纹,直接标注文字注释的方式优化了柱状图。所有使用面的图形(如饼图),都可以参考这种解决方式。
 
四、写在最后
在实际设计过程中,我们不一定会同时使用到以上所有手段,需要在美观和友好之间进行权衡。我们也可以采用一些交互手段,避免同一界面中元素太多太过杂乱的问题。如highcharts这个趋势图非常优秀,它采用了易辨识的颜色,每个节点处都使用了不同形状的符号,然而仅当鼠标hover到具体节点时,会出现该条线对应的信息(“New York”)。
 
另外除了鼠标hover的交互方式以外,我们甚至也可以为色盲人士提供单独的色盲模式切换,这样也可以兼顾视觉上的美观,避免了太多信息的干扰。这种形式在游戏和软件中也有先例。例如iChat,一般情况下仅有不同颜色来区别用户的在线状态,但同时,它也提供了“User shapes to indicate status”选项,可以将“空闲”状态换成橙黄色三角形符号,将“忙”状态换成红色方形符号表示。(上海平面设计师培训

发布时间 : 2012/12/21 11:52:45 | 分类 :

焦点资讯
学员评价
  •  王晓露
    海尔集团  营销部长
    很喜欢这里的老师,教课很用心,很博学,幽默,这是我一生中经历过的最好的培训学院。感受颇多,让我认识了一个全新的网销世界,懂得如何去做网络营销!
  •  孙丽
    海尔集团 美工
    学院环境优美安静,老师讲课生动,很有亲和力,使人听后有求知欲,案例分解精辟,很实用!活动有趣,启发大;理论性与实践性相结合,实战上课,指导性强!
收缩