Skip to content

PrincipleOfConvexity

Ben Christel edited this page Dec 27, 2021 · 2 revisions

The principle of convexity tells you how to clearly distinguish between figure and ground. Figures have convex outlines.

Examples

The rounded ends of Apple's scrollbar thumbs clearly distinguish them as figures against the ground of the scrollbar track.

Apple scrollbar thumb

Negative Examples

If the scrollbar thumb is rectangular, it can be hard to tell which rectangle is the thumb and which is the track. Example from https://codepen.io/mariaklara/pen/bJjjLY / https://onaircode.com/html-css-custom-scrollbar-examples/

Square scrollbar thumb

Clone this wiki locally