황금비 계산기

황금비 가이드

황금비(φ ≈ 1.618033)는 앵무조개 껍질부터 해바라기 나선까지 자연에서 발견되는 비율로, 수천 년간 예술과 디자인에 사용되어 왔습니다. 1:1.618 비율로 만든 형태는 자연스럽게 균형 잡혀 보이기 때문에 파르테논 신전, 모나리자, 현대 로고 그리드에까지 나타납니다.

임의의 값을 입력해 황금 짝을 찾으세요: φ로 나누면 작은 동반 값, φ를 곱하면 큰 값을 얻습니다. 레이아웃 너비, 타이포그래피 스케일(1.618 비율의 타이포그래피 스케일 도구와 함께 사용), 이미지 크롭, 로고 비율에 활용하세요. 미리보기는 고전적인 황금 직사각형과 나선 분할을 그립니다.

Pro Tips

• 웹 레이아웃에서는 콘텐츠-사이드바 너비에 황금비를 쓰세요: 메인 컬럼 × φ : 사이드바. 예: 960px 콘텐츠 + 593px 사이드바.
• 황금비와 1.618 타이포그래피 스케일을 결합하면 완전히 조화로운 디자인 시스템이 됩니다. 제목 크기, 줄 높이, 간격이 모두 같은 상수에서 나옵니다.

황금비란 무엇인가

황금비는 무리수 φ(파이)로 약 1.6180339887입니다. 두 양의 합을 큰 값으로 나눈 비율이 큰 값을 작은 값으로 나눈 비율과 같을 때 — (a+b)/a = a/b — 그 둘은 황금비 관계입니다. 파르테논 신전과 다빈치의 드로잉부터 앵무조개 껍데기와 해바라기 씨앗의 나선까지 예술과 자연 곳곳에서 나타나며, 디자이너는 균형 잡히고 자연스러운 구성을 위한 기성 공식으로 사용합니다.

디자인에서의 황금비 활용

디자이너는 1.618로 공간을 주도 부분과 보조 부분으로 나눕니다. 흔한 패턴은 콘텐츠와 사이드바 분할 — 960px 메인 컬럼에 593px 사이드바(960 ÷ 1.618 ≈ 593)입니다. 같은 분할은 히어로 섹션 높이, 카드 속 이미지 대 텍스트 비율, 로고 기하학에도 적용됩니다. 이 비율은 모든 스케일에서 자기 반복하므로 — 큰 부분과 전체의 관계가 작은 부분과 큰 부분의 관계와 같으므로 — 이를 기반으로 한 레이아웃은 차분하고 의도적으로 느껴집니다.

황금 직사각형과 황금 나선

황금 직사각형의 변 비율은 1:1.618입니다. 여기서 가능한 가장 큰 정사각형을 잘라내면 나머지도 다시 황금 직사각형 — 이 성질은 무한히 반복됩니다. 각 정사각형을 지나는 사분원을 이어 그리면 황금 나선이 생기며, 사분의 일 회전마다 φ배씩 커집니다. 디자이너는 이 나선을 시선 유도에 써서 포스터, 표지, 히어로 이미지의 초점을 나선이 말려드는 지점에 두면 시선이 자연스러운 경로를 따라 흐릅니다.

피보나치 수열과의 연결

피보나치 수열(1, 1, 2, 3, 5, 8, 13, 21, 34...)은 황금비로 수렴합니다. 어떤 항을 그 이전 항으로 나누면 값이 점점 1.618에 가까워집니다(21/13 ≈ 1.615, 34/21 ≈ 1.619). 그래서 둘은 디자인에서 쌍둥이처럼 취급됩니다. 피보나치 기반 그리드, 간격 단계, 심지어 글자 크기까지 황금비의 실용적 근사이며, 수열은 다루기 쉬운 정수를 제공합니다.

레이아웃에 1.618 적용하기

하나의 구체적 치수 — 컨테이너 폭, 제목 크기, 열 개수 — 에서 시작해 1.618을 곱하거나 나눠 짝이 되는 값을 구하세요. 간격 시스템에는 수열을 쌓으세요 — 8, 13, 21, 34, 55px는 다섯 개의 조화로운 단계입니다. 이 계산기로 임의 입력값의 황금 짝을 구하고 폭·높이·여백·글자 크기에 적용하면, 구성의 모든 요소가 같은 근본 비율을 공유합니다.