마킹의 효과를 기술하라
사용자의 결정 대신 선택적 동의를 미리 선택하지 마세요.
체크박스 디자인 시스템
여러 항목을 선택하거나 독립적인 선택을 활성화합니다.
체크리스트 내용
검토 진행 상황
01
구조와 의미
사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.
02
상호 작용 및 유용성
작업을 시도하고 상태를 변경한 후 작업을 계속하세요.
03
경험을 완성하세요
디자인을 활용하면서 놓치기 쉬운 디테일을 확인해보세요.
진행 상황은 이 브라우저에 자동으로 저장됩니다.
안내
검토 방법
예시
활용 예시
마킹의 효과를 기술하라
"이메일을 통해 제품 뉴스레터 수신"은 약관 동의와 별개입니다.
변형 및 사용 사례
상자 및 라벨 선택
선택 상자에는 명확한 경계, 대화형 영역이 있는 레이블, 옆 선택 항목과의 충분한 거리가 있습니다.
상자와 레이블을 모두 클릭하고 글꼴 크기를 늘리십시오. 모두 같은 선택으로 변경됩니다.
예시 라벨 영역 전체에서 "제품 정보 가져오기" 줄을 클릭할 수 있습니다.
상태 선택
올바른 의미에 따라 선택되지 않음, 선택됨, 혼합됨, 초점 및 비활성화됨을 구별합니다.
하위 그룹을 선택합니다. 상위 확인란은 모두 선택 대신 혼합을 나타냅니다.
예시 5개 항목 중 2개를 선택하면 "모두 선택" 상자에 부분적인 상태 표시가 나타납니다.
선택됨아직 선택되지 않음기본값선택사용할 수 없음오류 표시일부 선택됨