يشار إلى الفرق بين عنصرين أو أكثر في التصميم على أنه التباين، وقد يكون هذا الفرق في العناصر فاتحاً وداكناً، نحيفاً وسميكاً، صغيراً وكبيراً، لامعاً وباهتاً، وهكذا. حيث يرتبط التباين بشكل شائع بقابلية القراءة والوضوح وإمكانية الوصول لعناصر معينة. فالتباين شبيه بالتسلسل الهرمي، حيث يجب أن يكون العنصر الأكثر أهمية في التصميم هو الأكثر تبايناً، ويميل الناس بشكل عام إلى التباين، فهو طريقة رائعة لجذب الانتباه والتحكم في التدفق البصري. وكمثال على ذلك إن كنت ترغب بتصميم يستند إلى نص عالي التباين يمكنك استخدام نص أسود على خلفية بيضاء، أما لخفض التباين فيمكنك استخدام نص رمادي على خلفية بيضاء. لكن هذا لا يعني انه لايمكنك استخدام باقي الألوان، بل المقصد هو ان التباين اللوني العالي هو لون فاتح فوق لون غامق أو العكس.