Η αντίθεση κάνει τις διαφορές ορατές. Μπορεί να είναι αντίθεση μεγέθους, χρώματος, βάρους, σχήματος ή απόστασης. Ένας μεγάλος τίτλος δίπλα σε μικρό κείμενο δημιουργεί αντίθεση. Το ίδιο κάνει και ένα φωτεινό κόκκινο κουμπί σε μια γκρι φόρμα. Χωρίς αντίθεση, ένα σχέδιο ισοπεδώνεται. Όλα ανταγωνίζονται ισότιμα ​​και τίποτα δεν ξεχωρίζει. Με πάρα πολλές, η σελίδα γίνεται θορυβώδης και το μάτι δεν έχει μέρος να ξεκουραστεί.

Η αντίθεση δεν είναι μόνο αισθητική. Επηρεάζει την αναγνωσιμότητα. Κείμενο με χαμηλή αντίθεση σε σχέση με το φόντο του είναι δύσκολο να διαβαστεί, ειδικά για άτομα με μειωμένη όραση. Οι Οδηγίες Προσβασιμότητας Περιεχομένου Ιστού απαιτούν λόγο αντίθεσης τουλάχιστον 4,5 προς 1 για το κανονικό κείμενο. Οι σχεδιαστές το ελέγχουν αυτό με εργαλεία που υπολογίζουν τις διαφορές φωτεινότητας. Η υψηλή αντίθεση βοηθά σε έντονο ηλιακό φως και σε οθόνες χαμηλής ποιότητας. Η χαμηλή αντίθεση μπορεί να δημιουργήσει ατμόσφαιρα, αλλά θα πρέπει να είναι επιλογή, όχι τυχαίο.

Τρόποι δημιουργίας αντίθεσης

• Μέγεθος: μεγάλο έναντι μικρού.
• Χρώμα: συμπληρωματικό ή ζεστό έναντι ψυχρού.
• Βάρος: έντονο έναντι ελαφρού.
• Χώρος: πολυσύχναστος έναντι απομονωμένος.

Η αντίθεση λειτουργεί καλύτερα όταν γίνεται σκόπιμα. Μία ισχυρή αντίθεση ανά οθόνη συχνά επιτυγχάνει περισσότερες από πέντε ανταγωνιστικές.