디자인 시스템에서 모양보다 판단의 이유 읽기

컴포넌트를 예쁜 화면 모음이 아니라 내용과 동작, 접근성에 관한 결정으로 살펴보는 네 곳의 공개 자료입니다.

버튼의 스크린샷만으로는 오류 처리와 키보드 이동, 긴 라벨이 들어왔을 때의 동작을 알기 어렵습니다. 좋은 컴포넌트 문서는 주변의 결정을 함께 설명합니다. 공공 서비스 패턴과 제품의 기초 규칙, 상세한 인터페이스 동작을 서로 다른 규모에서 다루는 자료를 골랐습니다. 시각 표현을 빌리기 전에 같은 문제를 비교해 보세요.

이렇게 시작해 보세요

프로젝트에 필요한 오류 메시지나 펼침 패턴 하나를 고르세요. 목적과 문구, 초점 이동, 좁은 화면의 처리를 비교하고 짧은 확인 목록을 적어보세요. 실제 문장과 키보드로 자신의 구현을 확인하고, 참고한 문서도 결정의 근거와 함께 남겨두세요.

함께 확인하세요

공공기관과 특정 제품의 패턴에는 원래의 맥락이 있습니다. 문구와 브랜드를 그대로 복사하지 말고, 오래된 글의 구현 세부사항은 현재 브라우저 동작과 접근성 지침에 맞춰 확인하세요.