资料介绍
一个设计优秀的产品,可访问性对所有用户来说都是很高的,本文主要关注可访问性中颜色的运用。
颜色和对比
确保界面设计中的颜色对用户来说是易于访问的,这是视觉设计师最重要的工作。应该使用颜色和对比度来帮助用户看到并理解应用程序的内容、交互元素。
621672408619351285
根据W3C Web内容的可访问性指南(WCAG),小型文本与背景的比例至少是4.5:1,大型文本(14pt的粗体/18pt常规体或以上)应该有一个至少3:1的对比度。这条规则可以帮助人们在屏幕上看清使用了不同颜色的文字。具体数值不用去关心,根据设计者的感觉足以应付。
但对于有些色弱或色盲用户来说,他们看到的颜色有所不同,所以在设计的时候还是要尽量选择对比度较高的组合。
像Color Safe这样的在线工具可以帮助你在设计的时候挑选可访问性高的颜色组合。
还有WebAIM,WebAIM色彩对比检查器可以帮你测试它们是否是比较优良的组合。
提示:探索各种颜色组合方式。为你的应用程序选择原色、次级色和强调色的组合,提高可用性。确保不同元素之间足够的色彩对比度,这样即使是某些有视力障碍的用户也可以很好的使用你的应用程序。
不要只依赖于颜色
根据调查,男性中的1/12、女性中的1/200为色盲,如果仅仅用颜色来传达信息,他们看到的颜色与我们不同(不是同一个色),手机屏幕不像红绿灯,现在大部分红绿灯在设计之初就已经考虑到这点,比如在绿灯加了一些蓝光,红灯加了一些橙光。
在下面的示例中,如果表单字段的设计只依赖颜色(红色和绿色)来表示这个地方有没有错误,你可以想象一下这个场景,提交的时候跳出一条信息“你提交的信息有误,请重试”,而没有什么说明到底是哪个文本框,是不是会崩溃。这是一个典型的场景,色盲用户每天都会面对的问题,因为他们无法区分以红色突出显示的字段。
颜色和对比
确保界面设计中的颜色对用户来说是易于访问的,这是视觉设计师最重要的工作。应该使用颜色和对比度来帮助用户看到并理解应用程序的内容、交互元素。
621672408619351285
根据W3C Web内容的可访问性指南(WCAG),小型文本与背景的比例至少是4.5:1,大型文本(14pt的粗体/18pt常规体或以上)应该有一个至少3:1的对比度。这条规则可以帮助人们在屏幕上看清使用了不同颜色的文字。具体数值不用去关心,根据设计者的感觉足以应付。
但对于有些色弱或色盲用户来说,他们看到的颜色有所不同,所以在设计的时候还是要尽量选择对比度较高的组合。
像Color Safe这样的在线工具可以帮助你在设计的时候挑选可访问性高的颜色组合。
还有WebAIM,WebAIM色彩对比检查器可以帮你测试它们是否是比较优良的组合。
提示:探索各种颜色组合方式。为你的应用程序选择原色、次级色和强调色的组合,提高可用性。确保不同元素之间足够的色彩对比度,这样即使是某些有视力障碍的用户也可以很好的使用你的应用程序。
不要只依赖于颜色
根据调查,男性中的1/12、女性中的1/200为色盲,如果仅仅用颜色来传达信息,他们看到的颜色与我们不同(不是同一个色),手机屏幕不像红绿灯,现在大部分红绿灯在设计之初就已经考虑到这点,比如在绿灯加了一些蓝光,红灯加了一些橙光。
在下面的示例中,如果表单字段的设计只依赖颜色(红色和绿色)来表示这个地方有没有错误,你可以想象一下这个场景,提交的时候跳出一条信息“你提交的信息有误,请重试”,而没有什么说明到底是哪个文本框,是不是会崩溃。这是一个典型的场景,色盲用户每天都会面对的问题,因为他们无法区分以红色突出显示的字段。
下载该资料的人也在下载
下载该资料的人还在阅读
更多 >
- 嵌入式GUI FTK 界面设计器 4次下载
- 如何在MATLAB图形用户界面设计中使用ActiveX控件 6次下载
- 基于气味采集的嗅觉输入界面设计与实现 14次下载
- 第10章 图形用户界面设计课件资料下载.ppt 6次下载
-
关于li
nk可视界面设计运行软件下载 0次下载 - 实训4-1 Android读据读取——界面设计 0次下载
- Android界面设计 7次下载
- 监控系统用户界面设计的几个技巧 10次下载
- 基于Android车载虚拟仪表人机界面设计 9次下载
- MFC框架窗口界面设计 0次下载
- LabVIEW 界面设计秘诀 108次下载
- Qt用户界面设计PPT 5次下载
- 基于MFC的工程软件界面设计 78次下载
- 触摸屏界面设计原则 1039次下载
- MATLAB图形用户界面设计 0次下载
- 什么叫人机交互?人机交互是什么意思? 2253次阅读
- Qt Designer中提供的原生界面元素 1232次阅读
- 大联大世平集团推出基于NXP产品的无死角消毒触碰界面设计方案 2522次阅读
- LabVIEW分割条控件的设置和界面设计实例 6169次阅读
- ad如何在pcb界面更改网络的颜色 2.6w次阅读
- 图形界面介绍:Innovus/Encounter中控制颜色的按键 7104次阅读
- 什么是颜色传感器它有哪些类型的 6908次阅读
- 如何实现嵌入式应用的人机界面交互性设计 1830次阅读
- ev3颜色传感器能够识别几种颜色 2w次阅读
- 使用RGBW LED驱动提升LED人机界面设计 1723次阅读
- 触摸屏和人机界面的区别 8791次阅读
- 基于P89C51RD2可定制、廉价的人机交互界面设计 1826次阅读
- 人机界面设计案例分析 3.1w次阅读
- 人机界面设计在工业设计中的应用 2367次阅读
- 基于Android车载虚拟仪表人机界面设计 1735次阅读
下载排行
本周
- 1电子电路原理第七版PDF电子教材免费下载
- 0.00 MB | 1491次下载 | 免费
- 2单片机典型实例介绍
- 18.19 MB | 95次下载 | 1 积分
- 3S7-200PLC编程实例详细资料
- 1.17 MB | 27次下载 | 1 积分
- 4笔记本电脑主板的元件识别和讲解说明
- 4.28 MB | 18次下载 | 4 积分
- 5开关电源原理及各功能电路详解
- 0.38 MB | 11次下载 | 免费
- 6100W短波放大电路图
- 0.05 MB | 4次下载 | 3 积分
- 7基于单片机和 SG3525的程控开关电源设计
- 0.23 MB | 4次下载 | 免费
- 8基于AT89C2051/4051单片机编程器的实验
- 0.11 MB | 4次下载 | 免费
本月
- 1OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234313次下载 | 免费
- 2PADS 9.0 2009最新版 -下载
- 0.00 MB | 66304次下载 | 免费
- 3protel99下载protel99软件下载(中文版)
- 0.00 MB | 51209次下载 | 免费
- 4LabView 8.0 专业版下载 (3CD完整版)
- 0.00 MB | 51043次下载 | 免费
- 5555集成电路应用800例(新编版)
- 0.00 MB | 33562次下载 | 免费
- 6接口电路图大全
- 未知 | 30320次下载 | 免费
- 7Multisim 10下载Multisim 10 中文版
- 0.00 MB | 28588次下载 | 免费
- 8开关电源设计实例指南
- 未知 | 21539次下载 | 免费
总榜
- 1matlab软件下载入口
- 未知 | 935053次下载 | 免费
- 2protel99se软件下载(可英文版转中文版)
- 78.1 MB | 537793次下载 | 免费
- 3MATLAB 7.1 下载 (含软件介绍)
- 未知 | 420026次下载 | 免费
- 4OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234313次下载 | 免费
- 5Altium DXP2002下载入口
- 未知 | 233046次下载 | 免费
- 6电路仿真软件multisim 10.0免费下载
- 340992 | 191183次下载 | 免费
- 7十天学会AVR单片机与C语言视频教程 下载
- 158M | 183277次下载 | 免费
- 8proe5.0野火版下载(中文版免费下载)
- 未知 | 138039次下载 | 免费
评论
查看更多