电子发烧友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东芝BiCD集成电路硅单片TB67S109AFNAG数据手册
  2. 1.93 MB   |  5次下载  |  免费
  3. 2SP3060A/30120A/30160A/30320A/30520A系列数字合成扫频仪使用说明书
  4. 4.16 MB   |  3次下载  |  1 积分
  5. 3具有双通道 DC-DC转换器、由串行接口控制的9通道电机驱动器TPIC2010数据表
  6. 1.15MB   |  2次下载  |  免费
  7. 4USB Type-C PD快充协议智能触发芯片FS312B数据手册
  8. 0.75 MB   |  1次下载  |  免费
  9. 5USB Type_C PD快充协议智能触发芯片FS8025B数据手册
  10. 1.29 MB   |  1次下载  |  免费
  11. 6触摸按键PCB 设计要点V01
  12. 1.42 MB  |  1次下载  |  免费
  13. 7超低噪声、高 PSRR、低压降线性稳压器 (LDO)TPS7H1111-SP和TPS111-SEP数据表
  14. 4.05MB   |  1次下载  |  免费
  15. 8DC-DC电路(Buck)的设计与仿真
  16. 0.60 MB   |  1次下载  |  2 积分

本月

  1. 1DCDC原理详解
  2. 0.98 MB   |  65次下载  |  免费
  3. 2allegro快速入门教程
  4. 1.98 MB   |  36次下载  |  免费
  5. 3FU-7(807)胆机原理图
  6. 11.93 MB   |  25次下载  |  1 积分
  7. 4用于汽车应用的高压电源管理IC TPS65311-Q1数据表
  8. 1.05MB   |  22次下载  |  免费
  9. 5电子元件基础知识介绍
  10. 8.76 MB   |  15次下载  |  2 积分
  11. 6华为海思Ascend 310芯片的资料说明
  12. 0.12 MB   |  10次下载  |  10 积分
  13. 7GD32F10x系列MCU用户手册
  14. 11.5MB   |  9次下载  |  免费
  15. 86A 输出电流同步降压稳压器TPS65286数据表
  16. 2.05MB   |  6次下载  |  免费

总榜

  1. 1matlab软件下载入口
  2. 未知  |  935083次下载  |  免费
  3. 2开源硬件-PMP21529.1-4 开关降压/升压双向直流/直流转换器 PCB layout 设计
  4. 1.48MB  |  420045次下载  |  免费
  5. 3Altium DXP2002下载入口
  6. 未知  |  233067次下载  |  免费
  7. 4电路仿真软件multisim 10.0免费下载
  8. 340992  |  191308次下载  |  免费
  9. 5十天学会AVR单片机与C语言视频教程 下载
  10. 158M  |  183308次下载  |  免费
  11. 6labview8.5下载
  12. 未知  |  81567次下载  |  免费
  13. 7Keil工具MDK-Arm免费下载
  14. 0.02 MB  |  73785次下载  |  免费
  15. 8NI LabVIEW中实现3D视觉的工具和技术
  16. 未知  |  70088次下载  |  免费