2024웹디자인레퍼런스 2

2024 하반기 웹디자인 레퍼런스 - UI아이콘 활용

안녕하세요 찐망고입니다. 웹디자인에서 리스트형태로 나열된 레이아웃들 자주 보게 되죠? 이때, 단순히 박스와 텍스트만 배치하면 다소 밋밋하거나 정보를 효과적으로 전달하기 어려울 수 있습니다. 이런 경우에는 UI아이콘을 활용해 보는 것을 추천합니다. 아이콘은 단순히 장식용이 아니라, 사용자가 각 섹션의 내용을 직관적으로 이해할 수 있도록 돕는 중요한 요소인데요. 간단한 이미지 하나만으로도 사용자는 페이지의 구조와 각 항목의 의미를 쉽게 파악할 수 있고, 한눈에 필요한 정보를 확인할 수 있게 됩니다. 아이콘을 디자인할 때는 백터형태로 제작하는 것이 좋습니다. SVG(Scalabel Vector Graphics)포맷은 해상도에 관계없이 크기를 자유롭게 조절할 수 있기 때문에 어떤 디바이스나 화면 크기에서도 선명..

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

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