今早打开腾（téng）讯ISD的博（bó）客，看到（dào）一篇（piān）新（xīn）的文章，《迷你屋视觉规（guī）范简介》，赶紧看了来学习。不过给（gěi）我（wǒ）抓到问（wèn）题（tí）咯，臭鱼不介意我在这（zhè）说下吧：

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

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

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

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

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

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

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

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

◇ 视觉设计完成后，在灰度颜色模式下审查一下效果

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

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