Design For Programmers

How the Brain Interprets Visual Content

Hierarchy

Important things are bigger.

Important things are higher-contrast, sharper, and more saturated in color.

If there is a 3D arrangement, important things are closer.

Important things are unique.

Relatedness

Related things are visually similar.

Related things are close to each other.

Formatting the Content

Start with raw content: