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

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

截图中使（shǐ）用对比度检（jiǎn）查器，基于W3C的WCAG Guideline 1.4.4和1.4.2中有相应的规定，工具的（de）下载和具体说明可见油茶会的这篇。

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

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

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

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

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

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

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

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

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