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

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

截图中使用对比度检查器，基于W3C的WCAG Guideline 1.4.4和（hé）1.4.2中（zhōng）有相（xiàng）应的规定，工具的下载和具体说明可（kě）见（jiàn）油茶（chá）会（huì）的（de）这篇。

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

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

那（nà）么颜色（sè）的对比度就是可用性工程师（shī）该注意的事？小兔觉得（dé）这还主要是视觉设（shè）计师（shī）的（de）责任（rèn）。

在大学读编排设计的（de）时候，老师（shī）就要求（qiú）我们完成前看看自己的设计在黑白环境中是什么（me）样子（zǐ）。那（nà）时不论我的老师还是（shì）我自己，都没有什么关于可（kě）用性的认识（shí），不曾（céng）想到过（guò）色盲色弱（ruò）看到会（huì）如何，只是为了（le）保证（zhèng）作（zuò）品的（de）表现力。但这却是一个简单有用的习惯，在这年（nián）头（tóu）Photoshop里去色看一下（xià）就（jiù）好了。

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

最后总（zǒng）结几点建议：

◇ 视觉（jiào）设计完成后（hòu），在（zài）灰度（dù）颜色（sè）模式下审查一（yī）下效果（guǒ）

◇ 注（zhù）意网（wǎng）页上需要突出的、以及正文文字（zì）的对（duì）比度

◇ 可用性不是一个人或者一个岗位的事情（qíng），视（shì）觉设计、交互（hù）设计（jì）、可用性工程师、开（kāi）发（fā）人员（yuán）乃至（zhì）PM都应该去留心和注意的