모션디자인2 애니메이티드 아이콘으로 전환율 높이는 법 정적인 아이콘만으로는 사용자의 시선을 끌기 어려운 시대입니다. Its Hover는 React와 Next.js 환경에서 바로 사용할 수 있는 모션 중심 SVG 아이콘 라이브러리로, 마이크로 인터랙션을 통해 전환율과 체류 시간을 자연스럽게 끌어올릴 수 있습니다. 오픈소스 기반이라 코드 수정이 자유롭고, shadcn UI와 Tailwind 같은 현대 프론트엔드 스택과 완벽하게 연동됩니다.왜 Its Hover인가Its Hover는 단순히 hover 효과를 추가한 아이콘 모음이 아닙니다. 처음부터 모션을 염두에 두고 설계된 motion-first 아이콘 컴포넌트로, 사용자의 호버나 클릭에 즉각 반응하며 의도가 담긴 움직임을 보여줍니다. 정적인 아이콘보다 주목도가 높아 SaaS 온보딩, 결제 플로우, 대시보드처럼 .. 2026. 1. 7. 모션 그래픽 & 영상 디자인 강의 with 애프터 이펙트 도서 리뷰 요즘은 디자인이라는 영역이 모호해진 시대가 온 것 같습니다. 편집디자인을 하면서 영상 디자인을 하는 디자이너가 있고 웹 디자인을 하면서도 편집 디자인을 하던가 아니면 간단한 영상 편집이 가능한 다재다능한 능력자들이 주변에 많이 있습니다. 사람들은 디자인이라는 개념이 결과물만 보기 때문에 그 과정이나 노력을 이해하기는 힘들 때도 있습니다. 오늘 주문하면서 내일까지 볼 수 있냐고 말하면 속으로 X을 할때가 많습니다. 이해시키는 것도 힘들고 이애시키려해도 이해할 수 없습니다. 그리고 본인이 이야기한 것이 꼭 본인이 디자인한 줄 아는 것을 착각할 때 디자인이라는 일이 참 어렵다는 것을 느낄 때가 많습니다. 편집디자인 일을 하고 있지만 어느 순간부터 영상도 하고 있는 제 자신을 보면 대견하기도 합니다^^ 간단한 .. 2021. 4. 18. 이전 1 다음 반응형
