디자인포인트 3

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

안녕하세요 찐망고입니다. 이번 포스팅에서는 요즘 웹디자인에서 많이 사용되는 레이아웃 중에 하나를 소개해볼까 하는데요.바로 좌측을 고정하는 레이아웃입니다.이 레이아웃은 말 그대로 좌측 섹션을 고정하고 우측 영역을 세로로 스크롤하게 만드는 디자인 방식인데요이 스타일은 사용자의 시선을 자연스럽게 우측의 콘텐츠로 유도하며,스크롤을 통해 다양한 정보를 손쉽게 전달하는데 효과적입니다.특히 카드형 콘텐츠나 업데이트 소식을 나열할 때 유용하게 사용됩니다. 바로 아래 예시들처럼요   정보에 대한 집중을 유도하는 레이아웃들이 많죠?이런 레이아웃은 최신 정보나 이벤트를 전달하거나 성과를 강조하는 데 특히 효과적입니다.뉴스나 이벤트 섹션처럼 컨텐츠 업데이트가 잦은 페이지에서도 유용하게 사용할 수 있어요. 좌측 고정영역에는  ..

2024하반기 웹 디자인 레퍼런스 - 비움과 여백

안녕하세요 찐망고입니다. 카드형 레이아웃은 방대한 콘텐츠를 한눈에 제공하는 특징이 있는데요.카드형 레이아웃이 주는 정보의 풍성함은 매력적이지만,너무 많은 정보를 한꺼번에 제공하면 오히려 사용자에게 부담을 줄 수 있습니다.그래서 여유롭지만 세련된 느낌을 주면서도 강조할 부분에 자연스럽게 시선을 이끌고 싶다면?바로 비어있는 공간을 만드는 것! 비어있는 공간을 효과적으로 활용하면 전체적으로 세련된 인상을 줄 뿐만 아니라, 특정 콘텐츠에 자연스럽게 시선을 집중 시킬 수 있습니다.여백이 주는 여유로움과 깔끔함을 통해 사용자는 중요한 정보를 더 빠르고 명확하게 파악할 수 있게 되죠   때로는 비어있는 공간을 대체해 일정한 형태나 패턴을 활용하는 것도 좋은 방법입니다.정해진 형태나 패턴을 비어있는 부분에 배치하면 페..

2024하반기 웹 디자인 레퍼런스 - 박스의 크기를 각각 다르게

안녕하세요 찐망고입니다. 웹디자인을 하다 보면 하나의 섹션에 방대한 콘텐츠를 넣어야 할 때가 있죠?이때 중요한 건, 각 콘텐츠가 한눈에 들어와 사용자가 쉽게 탐색할 수 있도록 만드는 것!하지만, 콘텐츠에 우선순위를 두고 싶다면???바로 박스의 크기를 다르게 설정하는 방법입니다.박스 크기를 달리하면 사용자는 자연스럽게 큰 박스에 시선을 먼저 두게 되죠.이 방식은 강조하고자 하는 주요 정보나 콘텐츠를 빠르게 전달하며,우선순위에 따라 정보흐름을 조절하는데 매우 효과적입니다. 아래 예시처럼 말이죠!  주요 정보는 크고, 보조 정보는 작게 하는 이런 방식은 한 가지 주제를 중심으로 상세한 설명을 제공합니다.좌우 대칭 구조로, 왼쪽에 큰 박스를 배치해 가장 중요한 정보를 강조하고,오른쪽에 작은 박스를 배열해 보조 ..