css애니메이션1 CTA 버튼 디자인 (버튼 유형, 접근성, hover) 설계에서 배운 것들 버튼 하나를 바꿨을 뿐인데 클릭이 생겼습니다. 저도 처음엔 그 차이가 버튼에서 나온다는 걸 몰랐습니다. 배경색에 텍스트만 얹으면 된다고 생각했으니까요. 그런 믿음이 꽤 오래 갔습니다. CTA(Call to Action)란 사용자에게 특정 행동을 유도하는 요소로, "지금 구매하기"나 "더 알아보기" 같은 버튼이 대표적입니다.처음 블로그에 달았던 CTA 버튼은 배경이 연한 파란색이었고 텍스트는 회색이었습니다. 당연히 클릭이 없었습니다. 나중에 보니 버튼이 있는 건지 없는 건지 구분조차 안 될 정도였습니다. 그때 처음으로 버튼 디자인이 단순히 예쁨의 문제가 아니라는 걸 알았습니다. 버튼이라는 요소는 생각보다 훨씬 섬세한 설계가 필요합니다. 어떤 색을 쓰느냐, 크기가 얼마냐, hover 반응이 있느냐 없느냐, .. 2026. 4. 8. 이전 1 다음