글자 등장 효과

글자가 나타나는 애니메이션 효과 이름에는 무엇이 있나요? 타이핑, 카운트 업, 스크램블, 블러 인, 단어별 등장이 있으며 한 화면에는 글자 효과를 하나만 둡니다.

글자가 나타나는 방식에도 이름이 있습니다. 숫자인지, 문장인지, 강조인지에 따라 고릅니다.

이름과 미리보기

미리보기를 누르면 멈추고, 다시 누르면 재생합니다.

타이핑
Typewriter effect
한 글자씩 찍히듯 나타남
카운트 업
Count-up
숫자가 0에서 목표값까지 올라감
스크램블
Text scramble
무작위 문자가 뒤섞이다 제자리를 찾음
블러 인
Blur-in
흐릿하던 글자가 또렷해짐
단어별 등장
Staggered word reveal
단어가 조금씩 시간차를 두고 올라옴

이렇게 씁니다

카운트 업은 크기가 중요한 숫자 하나에만 씁니다. 표 안 숫자 전체에 쓰면 읽을 수가 없습니다.
타이핑은 AI 답변처럼 "지금 만들어지는 중"이라는 뜻이 있을 때만 씁니다. 제목에 쓰면 읽기만 늦어집니다.
효과가 끝난 뒤의 최종 글자가 화면 읽기 프로그램에 읽혀야 합니다. 뒤섞인 중간 글자가 읽히면 안 됩니다.
한 화면에 글자 효과는 하나만 둡니다.

복사해서 쓰는 프롬프트

핵심 지표 카운트 업

대시보드 상단 핵심 지표 3개에 카운트 업(Count-up) 애니메이션을 넣어 줘.
- 0에서 목표값까지 800ms, ease-out, 천 단위 쉼표 유지.
- 숫자 폭이 흔들리지 않게 tabular-nums 적용.
- 화면에 처음 보일 때 한 번만 실행.
- 동작 줄이기 설정이면 바로 최종값 표시.

참고한 게시물: @uxwoodytips