디자인개선 3

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

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

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

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

2024 하반기 웹디자인 레퍼런스 - 배경이미지를 넣어보자

안녕하세요 찐망고입니다. 웹디자인에서 배경이미지를 사용하는 이유는 크게 세 가지라 생각합니다.브랜드의 정체성 강화시각적 분위기 조성메시지의 감성적, 직관적 전달 배경 이미지는 웹 페이지의 주제를 시각적으로 강조하며, 사용자에게 강렬한 첫인상을 남기는 중요한 역할을 합니다.그래서 우리가 접속하는 거의 모든 사이트의 히어로 섹션이 전체 배경이미지 혹은, 영상으로 이루어진 거죠히어로섹션(Hero section)은 웹페이지의 상단에 위치한 큰 시각적 영역인데요.방문자가 페이지에 접속했을 때 가장 처음으로 접하는 부분인 만큼웹사이트의 첫인상을 좌우할 테니, 배경을 꽉 채우는 건 당연한 원리겠죠?   배경이미지를 섹션마다 많이 사용하는 경우도 있는데요.풀페이지 웹사이트처럼 전체화면을 꽉 채우는 레이아웃에서는 각 섹..