Skeleton
실제 콘텐츠를 불러오는 동안 해당 영역의 레이아웃 형태를 임시로 보여줍니다. 데이터가 로딩되고 있음을 직관적으로 인지할 수 있도록 돕고, 콘텐츠가 갑자기 나타날 때 발생할 수 있는 화면 깜빡임을 방지합니다.
애니메이션을 통해 사용자에게 로딩 중인 상태를 시각적으로 안내합니다. Pulse 효과를 통해 투명도(opacity)가 주기적으로 변하며(50% ↔ 100%), 부드럽게 깜빡이는 듯한 효과를 줍니다. 전체 애니메이션이 한 번 완료되는 데 2초가 소요됩니다.
Do
단순한 도형으로 표현하여 로딩 상태에 집중하게 합니다.
Don’t
카테고리, 고정된 아이콘과 같이 로드할 필요가 없는 정적인 콘텐츠에 불필요하게 적용하지 않습니다.