今（jīn）早打开腾讯ISD的博客（kè），看到一篇（piān）新的（de）文章，《迷你屋视觉规范简介（jiè）》，赶（gǎn）紧（jǐn）看了来学（xué）习。不过（guò）给我抓到问题咯，臭鱼不介意我在这说下吧（ba）：

这套规范中的，按钮的第一级（jí）、第二级（jí）和文字（zì）中用于突出（chū）的第（dì）三种，红底白字和白底红字都（dōu）不（bú）符合W3C的对比度规范。原本需要突出和（hé）强调的文字反而可能识（shí）别不易。

截图中使用（yòng）对（duì）比度检查器（qì），基于W3C的WCAG Guideline 1.4.4和1.4.2中（zhōng）有（yǒu）相应的规（guī）定，工（gōng）具（jù）的（de）下载和具体说明可见油茶会的这篇（piān）。

这是一（yī）个很好用也很科学（xué）的工具（jù），小（xiǎo）兔把它放（fàng）在Windows的快速启动栏里，而且推荐（jiàn）给了同事们。当初刚开始（shǐ）的时候，我们有多（duō）年设计（jì）经验的视觉设计师不以为然，认为（wéi）靠肉眼识（shí）别就能辨别对比度。不过后（hòu）来给我抓到了（le）几回，靠经验和肉眼也（yě）会有（yǒu）漏网的时候啊（ā）。现在连我们的运营编辑都把这个（gè）要了去，为了保证自己（jǐ）做的（de）推荐图片够醒目:D

注意文（wén）字颜（yán）色的对比度是件（jiàn）容易被（bèi）忽略的（de）事。据我（wǒ）所知（zhī）腾讯对一些产品的（de）视觉（jiào）风格是做用（yòng）户（hù）研究的，其中也（yě）包括色彩的定位。和臭（chòu）鱼（yú）提到这个时候，他说自（zì）己也就是看着，觉得对比度还算清（qīng）楚。在正常人在正常（cháng）环（huán）境中可能还不觉（jiào）得什么，但是如果在（zài）一些（xiē）表现欠佳的显示环（huán）境、或者是色（sè）盲色弱（ruò）、视（shì）力欠（qiàn）佳的人看（kàn）来，就显吃力了（le）。即使是正常（cháng）人，面对对比度欠（qiàn）佳的文字长时间（jiān）阅读也会容易产生疲劳（láo），而浮躁的（de）色彩会令（lìng）用户对（duì）产品的情感无（wú）形中产生影响。

那么颜色的对比度就是可用性工程师（shī）该（gāi）注意的事？小兔觉（jiào）得这还（hái）主要是（shì）视觉设（shè）计师的（de）责任。

在大学读编排设计的时候，老师就要（yào）求我（wǒ）们完成前（qián）看看自己的设（shè）计在黑白环境中是什么样子。那（nà）时不论我的老师（shī）还是我自己，都没有什么关于可用性的认识，不曾想（xiǎng）到过色盲色弱看到（dào）会（huì）如何，只是（shì）为了保证作品的表现力。但这（zhè）却是（shì）一（yī）个简单有用的习惯，在这（zhè）年头Photoshop里去色看一下（xià）就好（hǎo）了。

回忆当初学（xué）到色彩构成的时候，也被（bèi）老（lǎo）师叮嘱过（guò）注意黄色这类高（gāo）明度色彩（cǎi）的使用。虽然近两年已经（jīng）不做视觉设计，但是大学中所学和国（guó）际商业美术设（shè）计师（shī）认证（zhèng），依然带给我不少现在工作中受用（yòng）的东西。即使（shǐ）不谈可用性，这也（yě）是一个专业的（de）视觉设计师应（yīng）该（gāi）注（zhù）意的问题（tí）。

最后总结几点建议：

◇ 视觉设计完成后，在灰度颜色模（mó）式下审查一下效果

◇ 注意网页上（shàng）需（xū）要突出的、以及正文文字的对比度

◇ 可用性不是一个人（rén）或者一个岗位的事情，视觉设计、交互设计、可用性工程师、开发人员乃至PM都应（yīng）该去留心和注意（yì）的