작업 방식
Color System은 제품 팔레트를 새로 만들거나 다시 구축할 때 사용합니다. 브랜드 스케일, 중립색, 시맨틱 상태 컬러, 확장 용도를 구분합니다. 결과물은 보기 좋은 스와치 몇 개에 그치지 않으며, 각 컬러에는 역할과 인접 표면과의 사용 가능한 관계가 필요합니다.
소스는 톤 스케일과 대비 검사를 결합하고 색에만 의존한 전달을 경고합니다. 또한 다크 모드 매핑을 일찍 요청합니다. 생성된 팔레트는 실제 텍스트, 컴포넌트, 상태 조합을 확인하기 전까지는 디자인 제안일 뿐입니다.
예상 산출물
- 브랜드 및 중립 톤 스케일
- 시맨틱 전경, 배경, 테두리, 아이콘 역할
- 대비 및 사용 매트릭스
브리프에서 검토까지
- 01팔레트 레이어 정의
브랜드 방향에서 시작해 제품이 실제로 사용하는 중립색과 상태 역할을 도출합니다.
- 02실제 조합 매핑
컬러를 이름 없는 스와치로 두지 말고 텍스트, 표면, 테두리, 상태에 할당합니다.
- 03접근성 확인
의도한 조합을 테스트하고, 상태를 이해해야 하는 곳에는 색 외의 신호를 추가합니다.