← 메인으로DESIGNER ONBOARDING
디자이너 온보딩을 위한 UI 판단력 퀘스트
일관성 있는 디자인 컴포넌트(디자인 시스템) 활용법을 익히고, 텍스트 가독성을 위한 명도 대비 준수 및 디렉터 레벨 디자인 QA 역량을 점검합니다.
주요 훈련 과제
- 웹 접근성을 만족하는 배경 대비 전경 명도 대비율 분석
- 디자인 토큰(컬러, 폰트)을 준수해 피그마 시안과 코드 싱크 확인
- 사용성(Usability) 원칙을 활용한 효율적인 버튼 및 모달 배치 판단
■ 게임 퀘스트 예시
가독성 향상을 위한 명도 대비 확보
어두운 회색 글자가 짙은 보라색 배경에 적혀 있어 글자가 거의 읽히지 않습니다.
[1]가독성 표준 명도 대비(최소 4.5:1 이상)를 충족하는 밝은 색상으로 텍스트를 바꾼다.
[2]폰트 굵기만 아주 두껍게 변경한다.
[3]글자 크기를 극단적으로 키워 명도 대비를 생략한다.
해설: 글자 크기에 상관없이 배경과 텍스트의 밝기 대비(명도 대비) 기준을 지켜야 가독성과 정보 전달력이 확보됩니다.
획득 가능한 스킬 역량
Design SystemContrast RatioUsability ReviewDesign QA Audit