Skip to content

The golden ratio in layout

Hvor bred skal hovedspalten og sidebaren være, hvis jeg fordeler siden efter det gyldne snit?

Answer: Beregneren deler en given bredde (fx et sidelayout eller en spalte) op efter det gyldne snit, som er en klassisk, visuelt afbalanceret proportion brugt i grafisk design og layout siden renæssancen. Det er en ren geometrisk forholdsregning, ikke en teknisk standard — brug den som udgangspunkt, ikke som en fast regel alt skal overholde.

Formula

Det gyldne snit deler en linje sådan at forholdet mellem den store og den lille del er det samme som mellem helheden og den store del: φ ≈ 1,618.

Større del = bredde / φ. Mindre del = bredde − bredde/φ.

Symbols and units in the formula
SymbolMeaningUnit
bredde_pxSamlet breddepx
=Større del (hovedspalte)px
=Mindre del (sidebar/margin)px

Validity and source

Source
Geometri (det gyldne snit, φ≈1,618)

Worked example

The calculator's own default values inserted. The figures are calculated with exactly the formula the tool uses.

Substituted

  • Samlet bredde1,200 px

Giver

  • Større del (hovedspalte)742 px
  • Mindre del (sidebar/margin)458 px

The calculator itself is locked

Create a free user account to unlock all articles, calculators, templates and range — and get access to quizzes and classes. It takes less than a minute: name, email and a password. No payment card.

Want to try something first? See what you can use without an account — the junior zone, the encyclopedia, the videos and more.

Sådan bruger du den

Når du komponerer et billede, en titel eller et layout, kan det gyldne snit give en afbalanceret deling. Beregneren deler en bredde i et stort og et lille stykke efter forholdet 1,618.

Step by step

  1. Vælg den bredde, der skal deles, fx billedets bredde.
  2. Del med 1,618 for den store del.
  3. Træk fra hele bredden for den lille del.
  4. Placér motivet, horisonten eller en linje der.

Typical errors

  • At bruge forholdet som en fast regel i stedet for et udgangspunkt.
  • At forveksle det gyldne snit med tredjedelsreglen, som deler i 33/67.

Examples from everyday life

Komposition i en HD-frame

Du vil placere karakteren efter det gyldne snit i en HD-frame på 1920 pixels.

Samlet bredde
1,920 px

It means: Linjen ligger 733 px fra den ene kant, og 1,187 px fra den anden.

Hjemmeside til portfolio

Din portfolio er 1200 pixels bred med en hovedspalte og en sidebar.

Samlet bredde
1,200 px

It means: Hovedspalten bliver 742 px og sidebaren 458 px.

Rule of thumb

Den store del er ca. 62 %, den lille ca. 38 %.

How to check the answer

De to dele skal give hele bredden tilsammen.