동일한 비교 프레임 사용
- 01
소규모 세트 선택
테마 필터로 갤러리를 연 다음, 검색, 카탈로그 번호 및 카테고리를 사용하여 작은 리뷰 후보 목록을 유지합니다.
- 02
각 검증된 미리보기를 전환
평가 기준을 변경하지 않고 각 갤러리 카드를 light와 dark 사이에서 전환합니다.
- 03
토큰의 차이 추적
공개 세부 정보를 열고 Token Lab를 사용하여 의도적인 의미 변경과 유리한 미리보기 크롭을 구별합니다.
- 04
설치 전에 후보 목록 작성
비교를 선택 보조 도구로 취급합니다. 설치에는 여전히 릴리스별 아티팩트 검증이 필요합니다.
분리된 견본이 아니라 인터페이스 역할을 검토하세요
- 기본, 돌출, 오버레이 배경 위에서 주요 및 보조 라벨을 읽으세요.
- 경계가 가장 강한 요소가 되지 않으면서 인접한 표면을 구분하는지 확인하세요.
- 두 모드 모두에서 브랜드, 오류, 성공 및 경고 역할을 구별할 수 있도록 유지하세요.
- 사이드바를 컨텐츠 캔버스와 떠 있는 카드에 대해 점검하세요.
- Full Skin의 경우, 런타임 스크린샷이 스튜디오 시뮬레이션이 아닌 최종 생성된 CSS 및 동일 출처 자산을 보여주는지 확인하세요.
증거 도구 열기
실제 대화를 읽으며 확인하기
두 모드 모두에서 동일한 대화, 코드 블록, 메뉴 및 입력을 미리 봅니다. 큰 배경만 판단하기보다는 선택한 텍스트, 보조 라벨, 경고, 키보드 포커스를 확인하세요.
text
긴 대화와 코드 블록을 사용하여 밝은 색상과 어두운 색상의 팔레트를 비교해 보세요. 읽기 어려운 텍스트와 구분하기 어려운 키보드 포커스 상태를 식별한 다음 특정 색상 조정을 제안합니다.일반 질문
변경하기 전에
형식, 호환성, 증거 및 롤백에 대한 답변
이 가이드에서는 무엇을 확인하나요?
이 가이드의 범위: 검증된 카탈로그 샘플, 밝은 모드와 어두운 모드의 토큰 쌍, 시스템 모드 런타임 경계
무엇부터 시작해야 하나요?
Theme은 한 장의 스크린샷이 아닙니다. DSH 인터페이스 전반에서 가독성을 유지하도록 조정된 시맨틱 토큰 상태의 한 쌍입니다.
가장 중요한 경계는 무엇인가요?
DSH에서 system은 OS의 색상 모드 설정을 따라 light 또는 dark로 결정됩니다. 세 번째 토큰 세트가 아니며, 페이지 속성만 편집하는 방식으로 검증했다고 해서는 안 됩니다.
대비만 확인하면 접근성이 검증되나요?
아니요. 대비는 여러 확인 항목 중 하나입니다. 키보드 조작, 포커스, 레이블, 확대, 화면 너비별 레이아웃, 동작 줄이기 설정도 확인해야 합니다.
학습 계속하기
확인된 증거에서 계속하기
공개된 아티팩트를 비교하거나 설치 문서로 돌아가세요.