Layout 기본 원리

웹 디자인의 기초가되는 레이아웃 구성

웹을 위한 효과적인 디자인과 레이아웃, Jerry Glenwright, 이원제 역, 디자인하우스, 2002

위의 책을 참고하여 정리한 내용입니다.

꼭 웹 디자인에서 뿐만 아니라 출판물에서도 참고할만한 아주 기초적인 이론인 것 같습니다.

<기본 레이아웃>

한 페이지를 구성하는 레이아웃의 요소가 무엇이든지 간에, 기능과 미학 둘 다를 성공시키기 위해서는 강조할 부분을 적절히 조율해야 한다. 모든 구성 요소가 강조된다면 지루하고 산만해 보일 것이다.

<기본 레이아웃 - 여백>

기존의 구성 요소들을 간단히 재배치하는 것만으로도 새로운 느낌의 공간이 만들어지기 때문에, 최소한의 수정으로 최대의 효과를 볼 수 있다.

<기본 레이아웃 - 강조1>

글씨나 단어 혹은 문구를 단지 진하게 손보는 것만으로도, 본문의 요소들을 효과적으로 부각시킬 수 있다.

<기본 레이아웃 - 강조2>

필요한 구성 요소에만 컬러를 사용하는 것이 보다 효과적이다. 이렇게 컬러와 중요성의 정도를 조절하는 것으로도 디자이너의 의도가 살아날 수 있다.

<기본 레이아웃 - 강조3>

웹 페이지의 구성 요소를 강조하는 가장 일반적인 방법으로, 크기를 크게 하는 것이 있다. 이것은 구성 요소를 구분하는 데는 효과적일지 모르지만, 크기가 커질수록 강조 효과는 오히려 줄어드는 '과잉 효과'의 함정에 빠질 우려가 있다.