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

这套规范中的，按钮（niǔ）的（de）第一级（jí）、第二级（jí）和文字（zì）中用于突出的第三种，红底白字（zì）和白底红字都（dōu）不符合W3C的对比度规范。原本需要突出和强调的文字（zì）反而可能识别不（bú）易（yì）。

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

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

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

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

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

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

最后总结几点（diǎn）建议：

◇ 视觉设计完成后（hòu），在灰度（dù）颜色模式下审查（chá）一下效果（guǒ）

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

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