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

这套规范中的，按钮的第一级、第二级和文字中用（yòng）于突出的第（dì）三（sān）种（zhǒng），红底（dǐ）白（bái）字和白底红字都不符合W3C的（de）对比度规范。原（yuán）本需要突出和强调（diào）的文字反而可能识别不易。

截图中使用对比度检查器，基于（yú）W3C的WCAG Guideline 1.4.4和1.4.2中有相应的（de）规定，工具的下载（zǎi）和（hé）具（jù）体（tǐ）说明（míng）可见油茶会的这篇。

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

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

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

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

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

最后总（zǒng）结几（jǐ）点建（jiàn）议：

◇ 视（shì）觉（jiào）设计完成（chéng）后，在（zài）灰度颜色模式下审（shěn）查一下（xià）效（xiào）果

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

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