로딩
요청 처리 중입니다...

웹디자인 기본유형 레이아웃 5가지 #올디자인스튜디오 창업일지

 웹디자인 기본유형 레이아웃 5가지 #올디자인스튜디오 창업일지

웹디자인의 기본이 되는 레이아웃의 유형이 몇가지 있다. 그 중 가장 유명한 5가지 정도로 정리했다. 1.

F-패턴 레이아웃 F패턴은 사용자의 시선이 화면을 훑는 모습이 알파벳 'F'와 비슷하다고 해서 붙여진 이름으로 특히 텍스트가 많은 웹사이트에 가장 효과적이다. 상단에 중요한 정보를 배치하는 것이 좋다.

왼쪽에서 오른쪽으로 위에서 아래로 정보를 배열한다. 블로그나 뉴스 사이트에서 자주 볼 수 있는 형태 2.

Z-패턴 레이아웃 Z패턴은 사용자의 시선이 'Z'의 모양으로 움직이는 개념으로 텍스트가 적고 큰 비주얼 요소가 많은 사이트에 적합하다. 왼쪽 상단에서 시작해 오른쪽 하단으로 끝남 주요 정보를 'Z'라인에 따라 배치하면 효과적임 랜딩페이지나 광고페이지에 많이 사용됨 3.

카드 레이아웃 카드형 레이아웃은 요즘 가장 많이 사용되는 디자인으로 마치 카드가 넓게 펼쳐져 있는 것처럼 정보를 작은 사각형 안에 담아 보여주는 방식으로 사용된다. 각 콘텐츠를 독립적인 카드형태로 표현함 시각적으...