주요 콘텐츠로 건너뛰기
학습으로 돌아가기
07비교읽는 데 7분초급

가이드 03 · 비교

light 모드와 dark 모드 비교하기

Theme은 한 장의 스크린샷이 아닙니다. DSH 인터페이스 전반에서 가독성을 유지하도록 조정된 시맨틱 토큰 상태의 한 쌍입니다.

마지막 검증
2026년 8월 15일
런타임
0.1.0-rc.8
검증된 범위
  • 검증된 카탈로그 샘플
  • 라이트와 dark 토큰 쌍
  • 시스템 모드 런타임 경계
이 페이지에서
  1. 동일한 비교 프레임 사용
  2. 분리된 견본이 아니라 인터페이스 역할을 검토하세요

동일한 비교 프레임 사용

  1. 01

    소규모 세트 선택

    테마 필터로 갤러리를 연 다음, 검색, 카탈로그 번호 및 카테고리를 사용하여 작은 리뷰 후보 목록을 유지합니다.

  2. 02

    각 검증된 미리보기를 전환

    평가 기준을 변경하지 않고 각 갤러리 카드를 light와 dark 사이에서 전환합니다.

  3. 03

    토큰의 차이 추적

    공개 세부 정보를 열고 Token Lab를 사용하여 의도적인 의미 변경과 유리한 미리보기 크롭을 구별합니다.

  4. 04

    설치 전에 후보 목록 작성

    비교를 선택 보조 도구로 취급합니다. 설치에는 여전히 릴리스별 아티팩트 검증이 필요합니다.

분리된 견본이 아니라 인터페이스 역할을 검토하세요

  • 기본, 돌출, 오버레이 배경 위에서 주요 및 보조 라벨을 읽으세요.
  • 경계가 가장 강한 요소가 되지 않으면서 인접한 표면을 구분하는지 확인하세요.
  • 두 모드 모두에서 브랜드, 오류, 성공 및 경고 역할을 구별할 수 있도록 유지하세요.
  • 사이드바를 컨텐츠 캔버스와 떠 있는 카드에 대해 점검하세요.
  • Full Skin의 경우, 런타임 스크린샷이 스튜디오 시뮬레이션이 아닌 최종 생성된 CSS 및 동일 출처 자산을 보여주는지 확인하세요.

증거 도구 열기

일반 질문

변경하기 전에

형식, 호환성, 증거 및 롤백에 대한 답변

이 가이드에서는 무엇을 확인하나요?

이 가이드의 범위: 검증된 카탈로그 샘플, 라이트와 dark 토큰 쌍, 시스템 모드 런타임 경계

무엇부터 시작해야 하나요?

Theme은 한 장의 스크린샷이 아닙니다. DSH 인터페이스 전반에서 가독성을 유지하도록 조정된 시맨틱 토큰 상태의 한 쌍입니다.

가장 중요한 경계는 무엇인가요?

DSH에서 system은 OS의 색상 모드 설정을 따라 light 또는 dark로 결정됩니다. 세 번째 토큰 세트가 아니며, 페이지 속성만 편집하는 방식으로 검증했다고 해서는 안 됩니다.

학습 계속하기

확인된 증거에서 계속하기

공개된 아티팩트를 비교하거나 설치 문서로 돌아가세요.