今早打开腾讯ISD的博客（kè），看到一篇新的文（wén）章（zhāng），《迷你屋视觉（jiào）规（guī）范简介（jiè）》，赶紧看了来学习。不过给我抓到问（wèn）题咯，臭鱼不（bú）介意我在这说下吧：

这套（tào）规范中的，按钮的（de）第一级（jí）、第二级和文字中用于突（tū）出的第三（sān）种，红底白字和白底红字都不符合（hé）W3C的对比度规范。原本（běn）需要突出和强调的文字反而可能识别不易。

截图（tú）中（zhōng）使（shǐ）用对比（bǐ）度（dù）检查器，基于W3C的WCAG Guideline 1.4.4和1.4.2中有（yǒu）相（xiàng）应的（de）规（guī）定，工具的下载和具体说明可见油茶会（huì）的这篇。

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

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

那么（me）颜色的对比度就是可（kě）用（yòng）性工程师该注意（yì）的事？小兔觉得（dé）这（zhè）还主要是（shì）视觉设计师的责任。

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

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

最后总结几点建议：

◇ 视觉设计完成（chéng）后，在灰度颜色（sè）模式下审（shěn）查（chá）一下（xià）效（xiào）果（guǒ）

◇ 注意网页（yè）上需要（yào）突出的、以及正文文字的（de）对（duì）比度

◇ 可用性不是一个人或者一个岗（gǎng）位的事（shì）情，视觉（jiào）设计、交互设计、可用性工（gōng）程师、开发人员乃（nǎi）至PM都应该去留（liú）心和注（zhù）意的