간격/그리드 디자인 시스템

콘텐츠와 화면이 변경될 때 레이아웃 리듬을 일관되게 유지하세요.

확인 항목 7개 · 그룹 2개
체크리스트 내용

검토 진행 상황

01

구조와 의미

사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.

02

상호 작용 및 유용성

작업을 시도하고 상태를 변경한 후 작업을 계속하세요.

진행 상황은 이 브라우저에 자동으로 저장됩니다.

안내

검토 방법

01

공통 거리 세트 사용

요소 내의 간격과 페이지 섹션 사이의 간격을 구별합니다.

예시

활용 예시

공통 거리 세트 사용

레이블과 입력 상자가 닫혀 있습니다. 두 설정 그룹의 간격이 더 큽니다.

체크리스트 찾기