Comment calcule-t-on le nombre d'or entre deux nombres ?▼
Pour calculer le nombre d'or entre deux segments, divisez le nombre le plus grand (A) par le plus petit (B) : le résultat doit être égal à 1,618034, et la longueur totale (A + B) divisée par le plus grand (A) doit également égaler 1,618034. Mathématiquement : (A + B) / A = A / B = φ = (1 + √5) / 2 ≈ 1,6180339887. Par exemple, si votre grand segment mesure 100px, votre petit segment mesure 100 / 1,618034 = 61,8px, pour une envergure totale de 161,8px.
Comment diviser une largeur ou une hauteur selon le nombre d'or ?▼
Pour diviser une dimension totale (telle que la largeur d'un conteneur) selon le nombre d'or, multipliez le total par 0,618034 pour obtenir la section majeure (A = Total × 0,618034), et par 0,381966 pour obtenir la section mineure (B = Total × 0,381966). Par exemple, partitionner un conteneur web de 1200px produit une zone de contenu principale de 741,64px et une barre latérale secondaire de 458,36px (741,64 + 458,36 = 1200px).
Quelle est la différence entre le Nombre d'Or et la Règle des Tiers ?▼
Le nombre d'or (grille Phi) partitionne l'espace selon un ratio 1 : 0,618 : 1 (38,2 % / 23,6 % / 38,2 %), tandis que la règle des tiers divise l'espace en trois segments rigoureusement identiques 1 : 1 : 1 (33,33 % / 33,33 % / 33,33 %). La règle des tiers est une approximation pratique empirique créée pour le cadrage rapide dans le viseur des appareils photo, alors que le nombre d'or positionne les intersections focales 5 % plus près du centre, offrant des compositions visuelles plus harmonieuses avec moins d'espaces morts.
Quelles sont les dimensions du nombre d'or pour les écrans 1920x1080 et 1440px ?▼
Pour une largeur totale de 1920px, la division horizontale selon le nombre d'or attribue 1186,62px à la zone principale et 733,38px à la barre latérale. Pour un écran desktop de 1440px, la division horizontale donne 889,97px (61,8 %) et 550,03px (38,2 %). Pour une hauteur de 1080px, le découpage vertical doré génère une bannière hero de 667,48px et un bandeau secondaire de 412,52px. Un véritable rectangle d'or calé sur une hauteur de 1080px requiert une largeur de 1747,48px (1080 × 1.618034), soit 9 % de moins qu'un écran large 16:9 standard (1920px).
Comment calculer une échelle typographique avec le nombre d'or ?▼
Pour créer une échelle typographique modulaire dorée, partez d'une taille de police de base (ex. 16px) et multipliez par φ (1,618) pour élever la taille des titres, ou divisez par φ pour réduire les légendes : Corps de texte = 16px, H3 = 16 × 1,618 ≈ 26px, H2 = 26 × 1,618 ≈ 42px et H1 = 42 × 1,618 ≈ 68px. Pour les interfaces mobiles compactes où le facteur 1,618 dilate les titres de manière excessive, les typographes emploient la racine carrée de phi (√φ ≈ 1,272), donnant : Corps = 16px, H3 = 20px, H2 = 26px et H1 = 33px.
