Web设计师应遵循的高效设计原则之一：对比_网站建设公司

　　在网页中，文本跟排版元素的颜色值可以很好地体现“对比&rdquo,网站建设公司;。须要测试的远景色就是文本自身，而背景色则是文本之下的任何元素，无论是图片、渐变，抑或RGB颜色。

　　用颜色实现对比

　　原文链接：

　　这些工具可以辅助你设计网站，使你的网站有一个适合的前景色与背景色的对比度。某些工具可以检测色差和亮度差的均衡性，并显示出结果，包括亮度差、色差、颜色匹配、比对度，及相应的从AA到AAA等级的WCAG 2值。

　　重要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计准则写了一系列文章，本文为第一篇《Effective design principles for web designers: Contrast》的译文，内容如下：

　　假如你接收过设计方面的正规课程，你可能已经懂得了高效设计原则，它包括四个有名的标准概念：对比(Contrast)、反复(Repetition)、对齐(Alignment)和密切性(Proximity)。良多人简称为PARC或CRAP。这四个设计原则是印刷行业设计的标准常识;实事上，有几本书已被请求作为该科目(包括非设计职员的设计课程)的教科书，好比Robin Williams写的第三版《写给大家看的设计书》(The Non-Designer’s Design Book)。

　　Luminosity Colour Contrast Ratio Analyse由Web开发者Gez Lemon提供，通过输入十六进制颜色码，可以盘算出前景色与背景色的亮度对比度。如下图。

        原文：

　　Colour Contrast Check由加拿大的Web开发者Jonathan Snook提供，该工具容许你指定一个前景色和背景色，并断定它们是否有足够的对比度，以满意有视觉障碍人的阅读，或合适于在黑白屏上浏览。下图展示了该工具。

　　从一个全新的角度来看,网站制作，当两个或更多相干元素以不同方法显示出来时，就会发生对比，差别越显著，对照也就越显明。把类似的元素放在Web页上，并把它们转化为独一的实体、局部，或者容器，这是高效对比的要害点所在。打造具备比较性的元素最广泛的方式包含创立元素的不同属性，比方色彩&mdash,网站设计;—它仿佛已得到最普遍利用。其它的属性包括大小、外形、纹理、方位、地位及活动。但有较大对比度的两个元素不必定会带来存在吸引力的视觉休会。

　　本文将重点探讨“对比”这一设计原则，它与Web设计中的颜色及如何测试颜色匹配水平有关。

　　Check My Colours工具由自在Web开发者Giovanni Scala供给，它可以用来检测网页中所有DOM元素的前景色与背景色的组合情形。只要要输入待测网站的URL，该工具即可显示出页面中DOM元素是否有充足的对比，以知足有视觉阻碍人群的阅读。Check My Colours所有的检测成果均基于W3C所倡议的算法。下图展现了某简略网站中DOM元素的检测结果。

　　在Web设计中，好的颜色对比是非常主要的，不仅仅是为了美学价值，还为了Web的可访问性。有些人拥有视觉障碍，或是色盲，应确保网站的颜色对比可以相应地调剂，以增添响应性和可拜访性。所以测试网站的颜色对比是一个很好的抉择，下面列出多少个工具可以提供页面的亮度对比度。对比度在4.5：1或者更高是比拟幻想的，合乎W3C的WCAG 2.0标准。

　　颜色对比检测工具

　　对比

　　WebAIM Color Contrast Checker能够调暗或调亮最初的前风景与背景色(十六进制的RGB值)，直到它满意AA尺度。你可以用这个工具来改变颜色、转变亮度。如下图。