1) Général
L’espace « vide » est aussi important que le contenu. L’oeil a besoin de « respirations » pour scanner, trier, hiérarchiser l’information et faciliter la compréhension. De plus, les éléments bénéficiant d’espaces plus grand — comme un titre — seront perçus comme des informations plus importantes.
La densité d’information est pertinente dans certains cas — un tableau d’informations similaires — car elle permet de définir un ensemble. Composer avec des espaces c’est aussi regrouper des informations similaires — faiblement espacées (Loi de proximité des principes de Gestalt)— et pouvoir les opposer à un autre groupe d’informations.
Des composants qui seront espacés de la même valeur seront perçus comme similaires en valeur. Chaque composant selon sa taille sera espacé systématiquement de la même manière avec les autres composants: deux titres ne peuvent pas être espacés différemment selon le composant qui est à côté / en dessous.
2) Échelle atomique
a) Les composants primaires, les plus petits, peuvent être espacés dans toutes les dimensions avec les blocs d’espaces suivants:
- 2*2 px
- 4*4 px
- 8*8 px
- 16*16 px
- 24*24 px
- 32*32 px
- 40*40 px
- 48*48 px
3) Échelle moléculaire
a) Les composants formés de plusieurs atomes utilisent un set d’espacement plus grands, leur donnant plus d’espace pour s’exprimer:
- 16*16 px
- 24*24 px
- 32*32 px
- 48*48 px
- 64*64 px
- 80*80 px
- 96*96 px
