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

这套规范中的，按（àn）钮（niǔ）的第（dì）一（yī）级、第二级和文字（zì）中（zhōng）用于突出的第三种，红底（dǐ）白（bái）字和白底（dǐ）红字都不符合W3C的对比度规范。原本（běn）需（xū）要突（tū）出和强（qiáng）调（diào）的文字反（fǎn）而可能识别不易（yì）。

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

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

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

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

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

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

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

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

◇ 注意网（wǎng）页上需要（yào）突出的、以及正文文（wén）字的（de）对（duì）比度

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