LOADING AWESOME

LOADING AWESOME

LOADING AWESOME

LOADING AWESOME

LOADING AWESOME

12 VISUAL

HIERARCHY

PRINCIPLES

Every Non-Designer Needs to Know

Size and Scale

1


LOADING AWESOME

LOADING AWESOME

LOADING AWESOME

LOADING AWESOME

BEFORE

AFTER

Color and Contrast

2

BEFORE

AFTER


LOADING AWESOME

LOADING AWESOME

Typographic Hierarchy

3

BEFORE

AFTER

Spacing

4

BEFORE

AFTER

Proximity

5

BEFORE

AFTER

Negative Space

6


LOADING AWESOME

BEFORE

AFTER

Alignment

7


LOADING AWESOME

BEFORE

AFTER

Rule of Odds

8


LOADING AWESOME

BEFORE


LOADING AWESOME

LOADING AWESOME

LOADING AWESOME

Repetition

9


LOADING AWESOME

AFTER

BEFORE

AFTER


LOADING AWESOME

LOADING AWESOME

Leading Lines

10

BEFORE

AFTER

Rule of Thirds

11


LOADING AWESOME

BEFORE

AFTER


LOADING AWESOME

Perspective

12


LOADING AWESOME

BEFORE

AFTER


LOADING AWESOME

Made With Visme


LOADING AWESOME

Source:

http://blog.visme.co/visual-hierarchy/

1 / 1