본문으로 건너뛰기
← AI 로드맵 - 0에서 프로덕션까지 76단계

단계 · 예쁘게 다듬기

56애니메이션

살려줄 때와 짜증만 날 때

애니메이션은 프로젝트를 비싸 보이게 하는 최고의 방법이야. 그리고 망치는 최고의 방법이기도 하고.

잘 먹히는 건 애니메이션이 행동에 반응할 때야. 누르면 버튼이 반응하고, 마우스를 올리면 뭔가 빛나고, 열리면 부드럽게 나타나고. 이런 게 인터페이스를 살아 있고 알아보기 쉽게 만들어.

망하는 건 애니메이션이 사람과 그 사람이 보러 온 것 사이를 가로막을 때야. 스크롤해야 서서히 드러나는 글. 효과 때문에 일부러 늦게 뜨는 목록. 메인 페이지 앞에 뜨는 인트로 화면.

몇 번 갈아엎고 나서 내가 정한 규칙: 데이터는 절대 애니메이션 뒤에 숨기지 마. 장식 요소에 예쁜 효과는 좋아. 숫자 표에 같은 효과는 별로야. 사람은 효과가 아니라 숫자를 보러 왔으니까.

그리고 움직임 때문에 실제로 속이 안 좋아지는 사람들을 기억해. 시스템에 "동작 줄이기" 설정이 있어. AI한테 이걸 존중해달라고 해. 한 줄이면 돼. 예를 들어 이 사이트 헤더의 하트는 눈으로 커서를 따라가고 깜빡이는데, 이 설정을 켜면 얌전히 멈춰 있어.