资料介绍
一个设计优秀的产品,可访问性对所有用户来说都是很高的,本文主要关注可访问性中颜色的运用。
颜色和对比
确保界面设计中的颜色对用户来说是易于访问的,这是视觉设计师最重要的工作。应该使用颜色和对比度来帮助用户看到并理解应用程序的内容、交互元素。
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东芝BiCD集成电路硅单片TB67S109AFNAG数据手册
- 1.93 MB | 5次下载 | 免费
- 2SP3060A/30120A/30160A/30320A/30520A系列数字合成扫频仪使用说明书
- 4.16 MB | 3次下载 | 1 积分
- 3具有双通道 DC-DC转换器、由串行接口控制的9通道电机驱动器TPIC2010数据表
- 1.15MB | 2次下载 | 免费
- 4USB Type-C PD快充协议智能触发芯片FS312B数据手册
- 0.75 MB | 1次下载 | 免费
- 5USB Type_C PD快充协议智能触发芯片FS8025B数据手册
- 1.29 MB | 1次下载 | 免费
- 6触摸按键PCB 设计要点V01
- 1.42 MB | 1次下载 | 免费
- 7超低噪声、高 PSRR、低压降线性稳压器 (LDO)TPS7H1111-SP和TPS111-SEP数据表
- 4.05MB | 1次下载 | 免费
- 8DC-DC电路(Buck)的设计与仿真
- 0.60 MB | 1次下载 | 2 积分
本月
- 1DCDC原理详解
- 0.98 MB | 65次下载 | 免费
- 2allegro快速入门教程
- 1.98 MB | 36次下载 | 免费
- 3FU-7(807)胆机原理图
- 11.93 MB | 25次下载 | 1 积分
- 4用于汽车应用的高压电源管理IC TPS65311-Q1数据表
- 1.05MB | 22次下载 | 免费
- 5电子元件基础知识介绍
- 8.76 MB | 15次下载 | 2 积分
- 6华为海思Ascend 310芯片的资料说明
- 0.12 MB | 10次下载 | 10 积分
- 7GD32F10x系列MCU用户手册
- 11.5MB | 9次下载 | 免费
- 86A 输出电流同步降压稳压器TPS65286数据表
- 2.05MB | 6次下载 | 免费
总榜
- 1matlab软件下载入口
- 未知 | 935083次下载 | 免费
- 2开源硬件-PMP21529.1-4 开关降压/升压双向直流/直流转换器 PCB layout 设计
- 1.48MB | 420045次下载 | 免费
- 3Altium DXP2002下载入口
- 未知 | 233067次下载 | 免费
- 4电路仿真软件multisim 10.0免费下载
- 340992 | 191308次下载 | 免费
- 5十天学会AVR单片机与C语言视频教程 下载
- 158M | 183308次下载 | 免费
- 6labview8.5下载
- 未知 | 81567次下载 | 免费
- 7Keil工具MDK-Arm免费下载
- 0.02 MB | 73785次下载 | 免费
- 8NI LabVIEW中实现3D视觉的工具和技术
- 未知 | 70088次下载 | 免费
评论
查看更多