https://hugo-theme-test-a-1.pages.dev/ko/tags/shape/ Recent content in Shape on SITE — SITE https://hugo-theme-test-a-1.pages.dev/social.png https://hugo-theme-test-a-1.pages.dev/social.png Hugo -- 0.147.7 ko-KR https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/10-foundation/motion-shape/ Mon, 01 Jan 0001 00:00:00 +0000 https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/10-foundation/motion-shape/ <h1 id="motion-shape">motion shape</h1> <h2 id="테스트-목적">테스트 목적</h2> <p>모션과 형태는 거의 보이지 않지만 인상을 크게 바꿉니다. 과한 motion은 장식이 되고, 너무 적은 shape는 페이지를 딱딱하게 만듭니다.</p> <h2 id="확인-항목">확인 항목</h2> <ul> <li>hover와 focus 상태가 구분되는가</li> <li>radius가 카드와 버튼에 같은 문법으로 적용되는가</li> <li>transition이 빠르되 거슬리지 않는가</li> </ul> <h2 id="기대-결과">기대 결과</h2> <p>레이어는 분명해야 하지만 과장되면 안 됩니다. 부드러우면서도 단정한 느낌이 목표입니다.</p>