웹디자인레퍼런스 2

2024 하반기 웹디자인 레퍼런스 - 텍스트와 클리핑효과

안녕하세요 찐망고입니다. 웹디자인 트렌드를 살펴보다 보니,최근 시각적 효과를 높이는 레퍼런스들을 계속 소개하게 되는 것 같아요! 이번에도 그런 글인데요.    브랜드를 설명하는 문구가 들어있는 섹션들 이 있어요특히 큰 텍스트로 브랜드를 설명하는 레이아웃이 많아지고 있지만, 단순한 빈 배경에 큰 글자만 넣는 경우 다소 심심하게 느껴질 수 있겠죠그래서 인터랙션을 추가하여 텍스트 자체가 움직이거나 색이 변하도록 만들어 생동감을 부여하기도 하죠!   인터랙션이 싫다면텍스트와 배경을 자연스럽게 조합해서 시선을 집중시키는 방식도 매우 유용합니다. 여기서 주목할 점은 텍스트 자체가 이미지의 일부분을 드러내는 창처럼 작용하고,뒤에 배치된 배경 이미지가 텍스트 안에 자연스럽게 노출되도록 설정된 점입니다.이렇게 하면 미니..

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

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