對比使差異變得顯而易見。它可以是大小、顏色、粗細、形狀或間距上的對比。大標題配小內文就能形成對比。灰色表單上的鮮紅色按鈕也是如此。缺乏對比，設計就會顯得扁平化。所有元素都勢均力敵，沒有任何元素能夠脫穎而出。對比過多，頁面就會顯得雜亂無章，讓人眼花撩亂。

對比度不僅關乎美觀，它還會影響可讀性。低對比的文字與背景對比度低，閱讀起來會很困難，尤其對於視力障礙人士而言。 Web 內容無障礙指南要求正文文字的對比至少為 4.5:1。設計師會使用計算亮度差異的工具來檢查對比。高對比度有助於在強光下和低品質螢幕上閱讀。低對比可以營造氛圍，但這應該是有意為之，而不是偶然之舉。

創造對比的方法

• 尺寸：大與小。
• 顏色：互補色或暖色與冷色。
• 字重：粗體與細體。
• 空間：擁擠與孤立。

對比效果只有在精心設計時才能發揮最佳效果。螢幕上一個強烈的對比效果往往比五個相互衝突的對比效果更好。