디자인토큰
-
UI 애니메이션의 시간과 움직임을 토큰으로 통일하기
“애니메이션을 자연스럽게 넣어 달라”고 요청했다. 결과물에서 모달은 400ms, 드롭다운은 300ms로 움직였다. 토스트는 아예 @keyframes로 되어 있었다. 하나씩 놓고 보면 다 그럴듯했다. 그런데 앱 안에서 화면을 옮겨 다녀 보니 속도가 제각각이었다. “자연스럽게”라는 요청만으로는 시간과 움직임의 기준을 알 수 없다. 구현을 맡기기…

“애니메이션을 자연스럽게 넣어 달라”고 요청했다. 결과물에서 모달은 400ms, 드롭다운은 300ms로 움직였다. 토스트는 아예 @keyframes로 되어 있었다. 하나씩 놓고 보면 다 그럴듯했다. 그런데 앱 안에서 화면을 옮겨 다녀 보니 속도가 제각각이었다. “자연스럽게”라는 요청만으로는 시간과 움직임의 기준을 알 수 없다. 구현을 맡기기…
