2024 하반기 웹 디자인 레퍼런스 - 좌측을 고정해라

 

안녕하세요 찐망고입니다.

 

이번 포스팅에서는 요즘 웹디자인에서 많이 사용되는 레이아웃 중에 하나를 소개해볼까 하는데요.

바로 좌측을 고정하는 레이아웃입니다.

이 레이아웃은 말 그대로 좌측 섹션을 고정하고 우측 영역을 세로로 스크롤하게 만드는 디자인 방식인데요

이 스타일은 사용자의 시선을 자연스럽게 우측의 콘텐츠로 유도하며,

스크롤을 통해 다양한 정보를 손쉽게 전달하는데 효과적입니다.

특히 카드형 콘텐츠나 업데이트 소식을 나열할 때 유용하게 사용됩니다.

 

바로 아래 예시들처럼요

좌측고정레이아웃 예1

 

좌측고정레이아웃 예2

 

좌측고정레이아웃 예3

좌측고정레이아웃 예4

좌측고정레이아웃 예5

좌측고정레이아웃 예6

 

정보에 대한 집중을 유도하는 레이아웃들이 많죠?

이런 레이아웃은 최신 정보나 이벤트를 전달하거나 성과를 강조하는 데 특히 효과적입니다.

뉴스나 이벤트 섹션처럼 컨텐츠 업데이트가 잦은 페이지에서도 유용하게 사용할 수 있어요.

 

좌측 고정영역에는  브랜드로고나, 중요한 메시지 또는 버튼을 배치하면 좋습니다.

좌측이 고정된 만큼 지나치게 넓게 설정하지 말고, 우측 콘텐츠가 자유롭게 흐를 수 있도록 여백을 충분히 주는 게 좋습니다.

 

또한, 스크롤과 함께 카드가 등장하거나 전환되는 애니메이션을 추가하면 시각적 몰입감이 높아지니 더 좋겠죠?