Un guide du nombre d’or pour les designers

Le bon design fait l’objet de débats depuis aussi longtemps que nous créons. Il existe une infinité de forums, de fils de discussion sur les médias sociaux et de conversations en personne sur ce qui constitue un bon design, chacun apportant son propre point de vue.

C’est la beauté du design, non ? Chacun peut l’interpréter différemment.

Bien qu’il n’y aura jamais une approche unique pour le design, il existe une approche concrète et mathématique qui peut nous aider à faire un pas de plus vers la création d’expériences de design incroyables à chaque fois : le nombre d’or.

Le nombre d’or est un ratio mathématique que vous pouvez trouver presque partout, comme dans la nature, l’architecture, la peinture et la musique. Lorsqu’il est appliqué spécifiquement au design, il crée une composition organique, équilibrée et esthétiquement agréable.

Dans cet article, nous allons plonger dans ce qu’est le nombre d’or, comment le calculer et comment l’utiliser en design – y compris une liste pratique d’outils.

Qu’est-ce que le nombre d’or ?

Aussi connu sous le nom de nombre d’or, de moyenne d’or, de proportion divine ou de la lettre grecque Phi, le nombre d’or est un nombre spécial qui est approximativement égal à 1,618. Le ratio lui-même provient de la séquence de Fibonacci, une séquence naturelle de nombres que l’on retrouve partout, du nombre de feuilles sur un arbre à la forme d’un coquillage.

La séquence de Fibonacci est la somme des deux nombres qui la précèdent. Elle se compose de : 0, 1,1, 2, 3, 5, 8, 13, 21, et ainsi de suite, jusqu’à l’infini. À partir de ce modèle, les Grecs ont développé le ratio d’or pour mieux exprimer la différence entre deux nombres quelconques de la séquence.

Comment cela se rapporte-t-il au design ? Vous pouvez trouver le Golden Ratio lorsque vous divisez une ligne en deux parties et que la partie la plus longue (a) divisée par la partie la plus petite (b) est égale à la somme de (a) + (b) divisée par (a), qui sont toutes deux égales à 1,618. Cette formule peut vous aider lors de la création de formes, de logos, de mises en page, et plus encore.

Vous pouvez également prendre cette idée et créer un rectangle d’or. Prenez un carré et multipliez un côté par 1,618 pour obtenir une nouvelle forme : un rectangle aux proportions harmonieuses.

Si vous posez le carré sur le rectangle, la relation entre les deux formes vous donnera le ratio d’or.

Si vous continuez à appliquer la formule du Golden Ratio au nouveau rectangle à l’extrême droite, vous finirez par obtenir une image composée de carrés de plus en plus petits.

Si vous dessinez une spirale sur chaque carré, en commençant par un coin et en terminant par le coin opposé, vous créerez la première courbe de la séquence de Fibonacci (également connue sous le nom de spirale d’or).

Comment utiliser le nombre d’or en design

Maintenant que la leçon de mathématiques est terminée, comment pouvez-vous appliquer ces connaissances au travail que vous faites au quotidien ?

Voici quatre façons d’utiliser le nombre d’or dans le design :

Typographie et définition de la hiérarchie

Le nombre d’or peut vous aider à déterminer la taille de la police que vous devez utiliser pour les en-têtes et le corps du texte sur un site Web, une page de destination, un article de blog ou même une campagne imprimée.

Disons que votre corps du texte est de 12px. Si vous multipliez 12 par 1,618, vous obtiendrez 19,416, ce qui signifie qu’une taille de texte d’en-tête de 19px ou 20px suivrait le nombre d’or et équilibrerait la taille de police du corps de 12px.

Si vous voulez déterminer la taille de votre corps de texte, vous pouvez faire l’inverse. Si votre texte d’en-tête est de 25px, vous pouvez le diviser par 1,618 pour trouver le texte du corps (15 ou 16 px).

Cadrage et redimensionnement des images

Lorsque vous recadrez des images, il est facile d’identifier les espaces blancs à couper. Mais, comment s’assurer que l’image est toujours équilibrée après l’avoir redimensionnée ? Vous pouvez utiliser la spirale d’or comme guide pour la composition de l’image.

Par exemple, si vous superposez la spirale d’or sur une image, vous pouvez vous assurer que le point focal se trouve au milieu de la spirale.

Mise en page

L’exploitation du ratio d’or peut vous aider à concevoir une interface utilisateur visuellement attrayante qui attire l’attention de l’utilisateur sur ce qui compte le plus. Par exemple, une page qui met en évidence un large bloc de contenu sur la gauche avec une colonne plus étroite sur la droite peut suivre les proportions du nombre d’or et vous aider à décider où placer le contenu le plus important.

Développement du logo

Si vous concevez un nouveau logo et que vous vous sentez coincé, tournez-vous vers le nombre d’or pour vous aider à esquisser les proportions et les formes. De nombreux logos populaires suivent le nombre d’or, comme Twitter, Apple et Pepsi.

Le designer Kazi Mohammed Erfan s’est même mis au défi de créer 25 nouveaux logos entièrement basés sur le nombre d’or. Le résultat ? Des icônes simples, équilibrées et magnifiques.