今早打开腾讯ISD的博客，看到（dào）一篇（piān）新的文（wén）章，《迷（mí）你屋视觉规范（fàn）简介》，赶紧看了（le）来学习。不过给我抓到（dào）问题咯，臭鱼不介意我（wǒ）在这说（shuō）下吧：

这套规范中的，按钮的第一级、第二级和文字（zì）中用于突出的第三（sān）种，红（hóng）底白字（zì）和白底红字都不符合（hé）W3C的对比度（dù）规范。原本需要突出和（hé）强调的文字反而可能识别不易。

截图（tú）中使用对比度检查器（qì），基于W3C的WCAG Guideline 1.4.4和1.4.2中有相（xiàng）应的规定（dìng），工具的下载和具体说（shuō）明可见（jiàn）油茶会的（de）这篇。

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

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

那么颜色的对比（bǐ）度就是可用（yòng）性工（gōng）程师（shī）该注意的（de）事？小兔觉得这还（hái）主要是视觉设计师的责任。

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

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

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

◇ 视觉设计完（wán）成（chéng）后（hòu），在灰度（dù）颜（yán）色模式（shì）下审查一下效果

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

◇ 可（kě）用性不是（shì）一个人或者一个（gè）岗位的事情，视觉设计（jì）、交（jiāo）互设计、可用性工程师（shī）、开发（fā）人员乃至PM都（dōu）应该去留心（xīn）和注意的