对比使差异变得显而易见。它可以是大小、颜色、粗细、形状或间距上的对比。大标题配小正文就能形成对比。灰色表单上的鲜红色按钮也是如此。缺乏对比，设计就会显得扁平化。所有元素都势均力敌，没有哪个元素能够脱颖而出。对比过多，页面就会显得杂乱无章，让人眼花缭乱。

对比度不仅仅关乎美观，它还会影响可读性。低对比度的文本与背景对比度低，阅读起来会很困难，尤其对于视力障碍人士而言。Web 内容无障碍指南要求正文文本的对比度至少为 4.5:1。设计师会使用计算亮度差异的工具来检查对比度。高对比度有助于在强光下和低质量屏幕上阅读。低对比度可以营造氛围，但这应该是有意为之，而不是偶然之举。

创造对比的方法

• 尺寸：大与小。
• 颜色：互补色或暖色与冷色。
• 字重：粗体与细体。
• 空间：拥挤与孤立。

对比效果只有在精心设计时才能发挥最佳作用。屏幕上一个强烈的对比效果往往比五个相互冲突的对比效果效果更好。