主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章，本文为第一篇《Effective design principles for web designers: Contrast》的译文，内容如下：
如果你接受过设计方面的正规课程，你可能已经了解了高效设计原则，它包括四个著名的标准概念：对比(Contrast)、重复(Repetition)、对齐(Alignment)和亲密性(Proximity)。很多人简称为PARC或CRAP。这四个设计原则是印刷行业设计的标准知识;实事上，有几本书已被要求作为该科目(包括非设计人员的设计课程)的教科书，比如Robin Williams写的第三版《写给大家看的设计书》(The Non-Designer’s Design Book)。
本文将重点讨论“对比”这一设计原则，它与Web设计中的颜色及如何测试颜色匹配程度有关。
对比
从一个全新的角度来看，当两个或更多相关元素以不同方式显示出来时，就会产生对比，差异越明显，对比也就越明显。把相似的元素放在Web页上，并把它们转化为唯一的实体、部分，或者容器，这是高效对比的关键点所在。打造具有对比性的元素最普遍的方法包括创建元素的不同属性，比如颜色——它似乎已得到最广泛应用。其它的属性包括大小、形状、纹理、方位、位置及运动。但有较大对比度的两个元素不一定会带来具有吸引力的视觉体验。
在网页中，文本和排版元素的颜色值可以很好地体现“对比”。需要测试的前景色就是文本本身，而背景色则是文本之下的任何元素，无论是图片、渐变，抑或RGB颜色。
用颜色完成对比
在Web设计中，好的颜色对比是十分重要的，不仅仅是为了美学价值，还为了Web的可访问性。有些人具有视觉障碍，或是色盲，应确保网站的颜色对比可以相应地调整，以增加响应性和可访问性。所以测试网站的颜色对比是一个很好的选择，下面列出几个工具可以提供页面的亮度对比度。对比度在4.5：1或者更高是比较理想的，符合W3C的WCAG 2.0标准。
颜色对比检测工具
评论