Calculateur du Nombre d'Or

Guide du Nombre d'Or

Le nombre d'or (φ ≈ 1.618033) est une proportion présente dans la nature — des coquilles de nautile aux spirales de tournesol — et utilisée dans l'art et le design depuis des millénaires. Les formes bâties sur des proportions 1:1.618 semblent naturellement équilibrées, c'est pourquoi le ratio apparaît dans le Parthénon, la Joconde et les grilles de logos modernes.

Saisissez n'importe quelle valeur pour trouver sa paire dorée : divisez par φ pour le compagnon plus petit, multipliez par φ pour le plus grand. Utilisez les résultats pour les largeurs de mise en page, les échelles typographiques (combinez avec notre outil d'Échelle Typographique avec 1.618), les recadrages d'image et les proportions de logo. L'aperçu dessine le rectangle d'or classique avec ses subdivisions en spirale.

Pro Tips

• Pour les mises en page web, utilisez le nombre d'or sur les largeurs contenu-barre latérale : colonne principale × φ : barre latérale, ex. contenu de 960px avec barre latérale de 593px.
• Combinez le nombre d'or avec l'échelle typographique 1.618 pour un système de design totalement harmonieux — tailles de titres, interlignes et espacements dérivent de la même constante.

Qu'est-ce que le nombre d'or

Le nombre d'or est le nombre irrationnel φ (phi), environ 1,6180339887. Deux quantités sont dans le nombre d'or quand leur somme divisée par la plus grande égale la plus grande divisée par la plus petite : (a+b)/a = a/b. La proportion traverse l'art et la nature — du Parthénon et des dessins de Léonard de Vinci aux coquilles de nautile et aux spirales des graines de tournesol — et les designers l'utilisent comme formule toute prête pour des compositions équilibrées et naturelles.

Le nombre d'or en design

Les designers appliquent 1,618 pour diviser l'espace en une partie dominante et une partie de soutien. Un schéma courant est la séparation contenu-barre latérale : une colonne principale de 960px s'accompagne d'une barre de 593px (960 ÷ 1,618 ≈ 593). La même division sert pour les hauteurs de sections hero, les rapports image-texte des cartes et la géométrie des logos. Comme la proportion se répète à chaque échelle — la grande section se rapporte au tout comme la petite se rapporte à la grande —, les mises en page qui s'en inspirent paraissent calmes et intentionnelles.

Le rectangle et la spirale d’or

Un rectangle d'or a des côtés en proportion 1:1,618. Si vous en découpez le plus grand carré possible, le rectangle restant est de nouveau d'or — la propriété se répète à l'infini. En traçant des quarts de cercle à travers la suite de carrés, on obtient la spirale d'or, une courbe qui grandit de φ à chaque quart de tour. Les designers utilisent la spirale comme guide du regard : placer le point focal d'une affiche, d'une couverture ou d'une image hero là où la spirale se resserre entraîne l'œil sur un chemin naturel.

Lien avec la suite de Fibonacci

La suite de Fibonacci (1, 1, 2, 3, 5, 8, 13, 21, 34...) converge vers le nombre d'or : diviser un terme par le précédent donne des nombres de plus en plus proches de 1,618 (21/13 ≈ 1,615 ; 34/21 ≈ 1,619). C'est pourquoi les deux sont traités comme des jumeaux en design : grilles, paliers d'espacement et même tailles de police inspirés de Fibonacci sont des approximations pratiques du nombre d'or, et la suite fournit des nombres entiers commodes.

Appliquer 1,618 à votre mise en page

Partez d'une mesure concrète — largeur de conteneur, taille de titre ou nombre de colonnes — puis multipliez ou divisez par 1,618 pour obtenir les valeurs compagnes. Pour les systèmes d'espacement, empilez la suite : 8, 13, 21, 34, 55px donnent cinq paliers harmonieux. Utilisez cette calculatrice pour trouver la paire d'or de n'importe quelle entrée et appliquez les nombres aux largeurs, hauteurs, marges et tailles de texte afin que chaque élément partage la même proportion sous-jacente.