Calcolo sezione aurea (1,618) e scala tipografica

Calcola la sezione maggiore (61,8%) e minore (38,2%), genera scale tipografiche modulari armoniose e griglie di interfaccia perfette.

Sezione aurea φ: sezioni 61,8 / 38,2% e scala tipografica

Il rapporto aureo vale φ = (1 + √5) ÷ 2 ≈ 1,618. Per dividere una lunghezza, la sezione maggiore vale totale ÷ φ (61,8%) e la minore il resto (38,2%): 1.000 px danno 618,03 px e 381,97 px. Lo strumento ne ricava anche una scala di dimensioni dei caratteri a partire da una base di 16 px.

Le formule

  • A partire dal totale T: sezione maggiore A = T ÷ φ, sezione minore B = T − A.
  • A partire dalla sezione maggiore A: T = A × φ e B = T − A.
  • A partire dalla sezione minore B: A = B × φ e T = A + B.
  • φ = 1,618033988749895; A ÷ T ≈ 61,8% e B ÷ T ≈ 38,2%, qualunque sia l'unità scelta (px, rem, mm o %), che serve solo da etichetta.

Scala tipografica

Ogni livello moltiplica la dimensione di base per una potenza di φ, arrotondata al pixel: φ2,5 per il titolo di visualizzazione, φ2 per H1, φ1,5 per H2, φ per H3, φ0,5 per il sommario, 1 per il testo corrente e 1 ÷ φ per le didascalie. L'equivalente in rem è la dimensione divisa per la base.

Esempio ricalcolato

Larghezza di 1.000 px: contenuto principale di 618,03 px e barra laterale di 381,97 px. Con una base di 16 px, la scala dà 53, 42, 33, 26, 20, 16 e 10 px. I numeri di Fibonacci (…, 34, 55, 89, 144…) convergono verso φ: 144 ÷ 89 = 1,6180.

Limiti

  • Il rapporto aureo è una proporzione estetica tra le altre, senza valore di standard: una scala di rapporto 1,618 cresce rapidamente, e un H1 di 42 px può essere troppo grande su mobile.
  • Le dimensioni arrotondate al pixel si discostano leggermente dalla proporzione esatta.
  • La didascalia da 10 px resta sotto i 12 px spesso consigliati per la leggibilità; aumenta la base se necessario.

Domande frequenti

Come dividere una larghezza secondo il rapporto aureo?

Dividi la larghezza per 1,618 per ottenere la parte maggiore, poi sottraila dal totale per la parte minore. Per 1.200 px: 741,6 px e 458,4 px, cioè 61,8% e 38,2%.

Qual è il valore esatto del rapporto aureo?

φ = (1 + √5) ÷ 2 = 1,6180339887… È l'unico numero positivo il cui inverso è uguale a sé stesso meno 1: 1 ÷ φ = 0,618.

Che legame c'è tra la successione di Fibonacci e il rapporto aureo?

Il rapporto tra due termini consecutivi della successione (1, 1, 2, 3, 5, 8, 13…) tende a φ. Già con 89 e 144, vale 1,6180, esatto fino alla quarta cifra dopo la virgola.

Quale dimensione di titolo dà una scala basata su φ?

Con un testo da 16 px, un H3 misura 16 × 1,618 ≈ 26 px e un H1 16 × 1,618² ≈ 42 px. Con un testo da 18 px, l'H1 raggiunge 47 px.

Lo strumento è davvero gratuito?

Sì, tutti gli strumenti di Kristools sono gratuiti al 100% e accessibili senza registrazione.

I miei dati sono protetti?

Sì. Tutte le elaborazioni vengono eseguite direttamente e in modo sicuro nel tuo browser. Nessun dato personale viene inviato ai nostri server.