실제 콘텐츠 형태를 고수하세요.
콘텐츠 구조를 알 때 스켈레톤을 사용하세요. 데이터가 사용 가능하다는 것을 의미하지는 않습니다.
해골 디자인 시스템
레이아웃을 건너뛰지 않고 예정된 콘텐츠를 나타냅니다.
체크리스트 내용
검토 진행 상황
01
구조와 의미
사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.
02
상호 작용 및 유용성
작업을 시도하고 상태를 변경한 후 작업을 계속하세요.
진행 상황은 이 브라우저에 자동으로 저장됩니다.
안내
검토 방법
예시
활용 예시
실제 콘텐츠 형태를 고수하세요.
로드 결과 카드에는 이미지 영역, 제목, 두 개의 설명 줄이 있습니다.
변형 및 사용 사례
프레임은 실제 구조와 동일합니다.
대체 콘텐츠로 인해 레이아웃이 점프되지 않도록 표시될 이미지 및 텍스트 영역에 따른 자리 표시자입니다.
긴 헤더가 있는 실제 데이터와 대기 프레임을 비교합니다. 주요 높이는 안정적으로 유지됩니다.
예시 이미지 카드에는 로드된 카드와 동일한 정사각형 영역 및 작성자 바닥글이 있습니다.
표시 이름활성데이터 유형별 형태
역할별로 서클, 텍스트 또는 사진 블록을 선택하고 모든 것에 하나의 큰 블록을 사용하지 마십시오.
아바타와 사진이 포함된 목록을 사용해 보세요. 시청자는 어떤 콘텐츠가 나타날지 추측할 수 있습니다.
예시 대기 아바타는 둥근 프레임, 제목은 짧은 줄, 이미지는 사각형 프레임으로 구성되어 있습니다.