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

这套规范中的（de），按钮的第一（yī）级、第二级和文字中用于突（tū）出（chū）的第三种，红（hóng）底白字（zì）和白底红字都不符合W3C的对（duì）比（bǐ）度规（guī）范。原本（běn）需要突（tū）出和强调的文字反而可能识别（bié）不易。

截图中使用对（duì）比（bǐ）度（dù）检查（chá）器，基于W3C的WCAG Guideline 1.4.4和1.4.2中有相应（yīng）的规定，工具（jù）的下载和（hé）具体（tǐ）说明可见油茶会的这篇。

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

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

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

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

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

最（zuì）后总（zǒng）结几点（diǎn）建议：

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

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

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