今早打开腾讯（xùn）ISD的（de）博客，看到一篇新的文章，《迷你屋（wū）视觉规范简（jiǎn）介》，赶紧看了来学习。不过给（gěi）我抓到问题咯（gē），臭鱼（yú）不介意我在这（zhè）说下吧：

这套规范（fàn）中的，按钮（niǔ）的第一级、第（dì）二级和文字中用于突（tū）出的第三种，红底白字和白底红字都不符合W3C的对比度规范。原本需（xū）要（yào）突出和强（qiáng）调的文字反而可能（néng）识别不易。

截图中（zhōng）使用对（duì）比度检查器，基于（yú）W3C的WCAG Guideline 1.4.4和1.4.2中（zhōng）有（yǒu）相应（yīng）的规定，工具的下（xià）载和（hé）具体说（shuō）明（míng）可见（jiàn）油茶会的这篇。

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

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

那么颜色的对比度就是可用性工程师该注（zhù）意的事？小兔觉得（dé）这还主（zhǔ）要（yào）是视觉设计（jì）师的责（zé）任。

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

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

最后总结（jié）几点建议（yì）：

◇ 视觉设计完（wán）成后（hòu），在（zài）灰度颜色（sè）模（mó）式下审查（chá）一下效果

◇ 注意网页上需要突（tū）出的、以及（jí）正文（wén）文字的对（duì）比度（dù）

◇ 可用性不是一个（gè）人（rén）或者一个（gè）岗位的事（shì）情，视觉（jiào）设（shè）计（jì）、交互（hù）设计、可用性工程师、开发（fā）人员乃至PM都应该去留心和注（zhù）意（yì）的