电子发烧友App

硬声App

0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示
电子发烧友网>电子资料下载>常用软件>网络工具>界面设计可访问性中颜色的运用

界面设计可访问性中颜色的运用

2017-10-10 | rar | 0.4 MB | 次下载 | 1积分

资料介绍

  一个设计优秀的产品,可访问性对所有用户来说都是很高的,本文主要关注可访问性中颜色的运用。
  颜色和对比
  确保界面设计中的颜色对用户来说是易于访问的,这是视觉设计师最重要的工作。应该使用颜色和对比度来帮助用户看到并理解应用程序的内容、交互元素。
  621672408619351285
  根据W3C Web内容的可访问性指南(WCAG),小型文本与背景的比例至少是4.5:1,大型文本(14pt的粗体/18pt常规体或以上)应该有一个至少3:1的对比度。这条规则可以帮助人们在屏幕上看清使用了不同颜色的文字。具体数值不用去关心,根据设计者的感觉足以应付。
  但对于有些色弱或色盲用户来说,他们看到的颜色有所不同,所以在设计的时候还是要尽量选择对比度较高的组合。
  像Color Safe这样的在线工具可以帮助你在设计的时候挑选可访问性高的颜色组合。
  界面设计可访问性中颜色的运用
  还有WebAIM,WebAIM色彩对比检查器可以帮你测试它们是否是比较优良的组合。
  界面设计可访问性中颜色的运用
  提示:探索各种颜色组合方式。为你的应用程序选择原色、次级色和强调色的组合,提高可用性。确保不同元素之间足够的色彩对比度,这样即使是某些有视力障碍的用户也可以很好的使用你的应用程序。
  不要只依赖于颜色
  根据调查,男性中的1/12、女性中的1/200为色盲,如果仅仅用颜色来传达信息,他们看到的颜色与我们不同(不是同一个色),手机屏幕不像红绿灯,现在大部分红绿灯在设计之初就已经考虑到这点,比如在绿灯加了一些蓝光,红灯加了一些橙光。
  界面设计可访问性中颜色的运用
  在下面的示例中,如果表单字段的设计只依赖颜色(红色和绿色)来表示这个地方有没有错误,你可以想象一下这个场景,提交的时候跳出一条信息“你提交的信息有误,请重试”,而没有什么说明到底是哪个文本框,是不是会崩溃。这是一个典型的场景,色盲用户每天都会面对的问题,因为他们无法区分以红色突出显示的字段。
下载该资料的人也在下载 下载该资料的人还在阅读
更多 >

评论

查看更多

下载排行

本周

  1. 1电子电路原理第七版PDF电子教材免费下载
  2. 0.00 MB  |  1491次下载  |  免费
  3. 2单片机典型实例介绍
  4. 18.19 MB  |  95次下载  |  1 积分
  5. 3S7-200PLC编程实例详细资料
  6. 1.17 MB  |  27次下载  |  1 积分
  7. 4笔记本电脑主板的元件识别和讲解说明
  8. 4.28 MB  |  18次下载  |  4 积分
  9. 5开关电源原理及各功能电路详解
  10. 0.38 MB  |  11次下载  |  免费
  11. 6100W短波放大电路图
  12. 0.05 MB  |  4次下载  |  3 积分
  13. 7基于单片机和 SG3525的程控开关电源设计
  14. 0.23 MB  |  4次下载  |  免费
  15. 8基于AT89C2051/4051单片机编程器的实验
  16. 0.11 MB  |  4次下载  |  免费

本月

  1. 1OrCAD10.5下载OrCAD10.5中文版软件
  2. 0.00 MB  |  234313次下载  |  免费
  3. 2PADS 9.0 2009最新版 -下载
  4. 0.00 MB  |  66304次下载  |  免费
  5. 3protel99下载protel99软件下载(中文版)
  6. 0.00 MB  |  51209次下载  |  免费
  7. 4LabView 8.0 专业版下载 (3CD完整版)
  8. 0.00 MB  |  51043次下载  |  免费
  9. 5555集成电路应用800例(新编版)
  10. 0.00 MB  |  33562次下载  |  免费
  11. 6接口电路图大全
  12. 未知  |  30320次下载  |  免费
  13. 7Multisim 10下载Multisim 10 中文版
  14. 0.00 MB  |  28588次下载  |  免费
  15. 8开关电源设计实例指南
  16. 未知  |  21539次下载  |  免费

总榜

  1. 1matlab软件下载入口
  2. 未知  |  935053次下载  |  免费
  3. 2protel99se软件下载(可英文版转中文版)
  4. 78.1 MB  |  537793次下载  |  免费
  5. 3MATLAB 7.1 下载 (含软件介绍)
  6. 未知  |  420026次下载  |  免费
  7. 4OrCAD10.5下载OrCAD10.5中文版软件
  8. 0.00 MB  |  234313次下载  |  免费
  9. 5Altium DXP2002下载入口
  10. 未知  |  233046次下载  |  免费
  11. 6电路仿真软件multisim 10.0免费下载
  12. 340992  |  191183次下载  |  免费
  13. 7十天学会AVR单片机与C语言视频教程 下载
  14. 158M  |  183277次下载  |  免费
  15. 8proe5.0野火版下载(中文版免费下载)
  16. 未知  |  138039次下载  |  免费