<?xml version="1.0" encoding="utf-8"?>

Shape contrast

Shape contrast Bad Practice
Shape contrast Best Practice

Highlighting differences in shape can help us understand that elements in a composition perform different functions. For example, a rectangle button with sharp corners will immediately stand out among a sea of images with rounded corners, signaling to users that it’s an interactive element.

Improve your UX & Product skills with interactive courses that actually work