css애니메이션1 CTA 버튼 디자인 (버튼 유형, 접근성, hover) 버튼 하나를 바꿨을 뿐인데 클릭이 생겼습니다. 저도 처음엔 그 차이가 버튼에서 나온다는 걸 몰랐습니다. 배경색에 텍스트만 얹으면 된다고 생각했으니까요. CTA 버튼은 디자인 유형마다 작동하는 맥락이 다르고, hover 피드백과 접근성까지 함께 설계해야 비로소 제 역할을 합니다.버튼 유형별 설계 전략처음 블로그에 CTA(Call to Action) 버튼을 달았을 때, 버튼 배경은 연한 파란색이었고 텍스트는 회색이었습니다. 여기서 CTA란 사용자에게 특정 행동을 유도하는 요소로, "지금 구매하기"나 "더 알아보기" 같은 버튼이 대표적입니다. 당연히 클릭이 없었습니다. 나중에 보니 버튼이 있는 건지 없는 건지 구분이 안 될 정도였으니까요.Solid 버튼으로 교체하면서 배경을 진한 파란색으로, 텍스트는 흰색으로.. 2026. 4. 8. 이전 1 다음
