Design Reference · (주)나눔소프트

RULES배색 원칙

MAPPING역할은 자리가 아니라 색으로 정합니다

처음엔 “다섯 색이 언제나 같은 순서”라고 보고 자리로 역할을 박았는데, 컨셉마다 대조해보니 그 전제가 컨셉마다 달랐습니다 — 어두운 색부터인 컨셉도, 밝은 색부터인 컨셉도, 일정한 순서가 아예 없는 컨셉(웨딩)도 있습니다. 그래서 이 표는 자리를 믿지 않고 명도와 채도를 계산해서 역할을 붙입니다. 아래 라벨은 그렇게 나온 값입니다.

계산된 역할어떻게 고르나우리 카드에서주의
가장 어두움명도 최저본문 글자 · 어두운 카드의 바탕여기가 흐리면 본문이 안 읽힙니다
가장 밝음명도 최고밝은 카드의 바탕 · 어두운 카드의 글자순백이면 검정 위에서 눈부십니다
주 강조나머지 중 채도 최고주 버튼 · 링크 · 활성 탭화면의 5~15%까지만
보조 강조그다음 채도배지 · 수치 · 아이콘주 버튼에 쓰면 주 강조와 경합합니다
중간톤남은 하나카드 면 · 구분선 · 비활성바탕과 너무 가까우면 카드 경계가 사라집니다
카드 방식
데모 18
채팅 18
명함 18
쿠폰 18
네임택 18
상품권 24
포인트 18
사원증 18
티켓 18
스탬프 18
영수증 18
제품라벨 18
폼 18
섹션 18
표·데이터 18
커머스 18
게시판 9