모듈식 비율과 웹 타이포그래피

핵심 아이디어

웹 디자인에서 모듈식 비율(modular scale)을 사용하면 타이포그래피와 레이아웃 요소 사이에 의미 있는 시각적 조화를 창출할 수 있다. 특히 황금비율(1:1.618)과 같은 자연계에서 발견되는 비율을 적용하면 임의적이거나 관습적인 수치보다 더 조화로운 디자인이 가능하다.

요약

모듈식 비율은 서로 의미 있게 연관된 수열로, 웹 디자인에서는 기본 폰트 크기와 중요한 수치에서 출발하여 비율(ratio)을 곱하거나 나누어 타입 크기, 행간, 여백, 칼럼 너비 등의 측정값을 결정한다. Tim Brown이 만든 계산기(modularscale.com)를 사용하면 이러한 비율을 쉽게 계산할 수 있으며, 단일 또는 이중 가닥(double-stranded) 스케일을 생성할 수 있다.

견해

모듈식 비율은 엄격한 규칙이 아닌 도구로서, 디자이너의 직관과 경험에 따라 즉흥적인 변형이 필요할 때도 있다. 요소들 간의 시각적 관계에 의미를 부여하는 이 접근법은 캔버스 크기에서 시작하는 것이 아니라 콘텐츠(타이포그래피)에서 시작하여 바깥으로 확장하는 웹 네이티브 디자인 방식을 촉진한다.

출처

More Meaningful Typography – A List Apart