황금비와 UI

1 : 1.618… 자연이 반복하는 비율

두 양 a와 b가 있을 때, (a+b)/a = a/b ≈ 1.618이면 이를 황금비(Golden Ratio, φ)라고 합니다. 그리스 문자 파이(φ)로 표기하며, 소수점 아래로 무한히 이어지는 무리수입니다.

자연 속 황금비: 해바라기 씨앗 배열(피보나치 나선), 앵무조개 껍데기의 로그 나선, 나뭇잎이 줄기에 붙는 각도(137.5°) — 모두 φ와 관련됩니다.

건축 속 황금비: 파르테논 신전의 정면 비율, 르 코르뷔지에의 모듈러 시스템, 노트르담 대성당의 장미 창 — 수천 년간 건축가들이 참조해온 비율입니다.

황금비를 UI에 적용하는 세 가지 실전 방법

레이아웃 분할

화면을 62% : 38%로 분할하면 황금비에 근접합니다. 사이드바 + 콘텐츠 영역 구성에서 자주 쓰입니다. Twitter(현 X)의 피드 : 사이드바 비율이 대표적 사례입니다.

타이포그래피 스케일

본문 16px → 소제목 16 × 1.618 ≈ 26px → 대제목 26 × 1.618 ≈ 42px. 황금비로 글꼴 크기를 설정하면 시각적 위계가 자연스럽게 형성됩니다.

여백과 간격

기본 간격 8px을 기준으로 8 × 1.618 ≈ 13px, 13 × 1.618 ≈ 21px — 피보나치 수열(8, 13, 21, 34)이 곧 황금비 근사 간격입니다.

황금비는 만능이 아닙니다. 어디까지가 사실일까?

본문 크기가 16px일 때, 황금비를 적용한 소제목 크기로 가장 적절한 것은?

황금비(1:1.618)는 과학적으로 '가장 아름다운 비율'이라고 증명되었다