Le Ratio d'Or

Pourquoi c'est important

Pourquoi ?De l'ADN aux pyramides de Gizeh, le ratio 1.618 revient partout dans la nature et l'architecture. En design, il crée des proportions instinctivement harmonieuses sans effort.

Le framework

1. 01

   Le rectangle d'or

   Divisez un rectangle pour que le rapport largeur/hauteur soit 1.618. C'est votre base pour les hero sections, les cartes, les images. Vos proportions deviennent instinctivement harmonieuses.

2. 02

   La spirale de Fibonacci

   Placez les éléments clés le long de la spirale pour guider l'oeil naturellement. Le point focal tombe au centre de la spirale -- c'est là que vous mettez votre sujet principal.

3. 03

   Typo et nombre d'or

   Corps de texte à 16px ? Votre titre est à 16 x 1.618 = 26px. Appliquez le ratio entre vos niveaux typographiques pour une échelle naturellement harmonieuse.

4. 04

   Mise en page et proportions

   Divisez votre page en deux zones : 61.8% et 38.2%. Contenu principal à gauche, sidebar à droite. Ça fonctionne pour les layouts web, les cartes, les présentations.

5. 05

   Logo et nombre d'or

   Apple, Twitter, Pepsi -- les logos iconiques utilisent des cercles et des proportions basés sur Phi. Utilisez des cercles en ratio 1.618 pour construire des formes naturellement équilibrées.

6. 06

   Espacements harmonieux

   Marge de base à 8px ? Votre prochaine est à 13px, puis 21px, puis 34px. La suite de Fibonacci vous donne des espacements qui respirent naturellement, sans calcul arbitraire.

7. 07

   Ne forcez pas le ratio

   Le nombre d'or est un guide, pas une religion. Si votre oeil vous dit que c'est bien mais que le ratio est à 1.5 au lieu de 1.618, gardez-le. L'harmonie perçue prime sur la formule mathématique.

Pour aller plus loin