상태·피드백

스켈레톤 Skeleton

실제 콘텐츠가 들어올 자리의 형태를 미리 보여주는 로딩 UI.

카드, 텍스트, 이미지 영역의 회색 블록을 보여줘 로딩 중 레이아웃을 예측하게 한다. 모바일 리스트 행에 쓸 때는 실제 행과 같은 아바타-텍스트-트레일링 3분할 구조를 반복하고, 로딩이 200ms 미만으로 끝나면 스켈레톤 자체를 아예 띄우지 않는다.

Askewly Design UI vocabulary