[아티클스터디] 디자인 시스템에 적용 가능한 시멘틱 컬러를 알아보자
UXUI 아티클 / 책 스터디디자인 시스템에 적용 가능한 시멘틱 컬러를 알아보자 시멘틱 컬러 기존 컬러 가이드로 대치되지 않는 것에 대해 명확하게 의미를 넣은 시멘틱 컬러로 대치하기 시작UX의 편의를 위한 이유로 컬러 시스템이 발전해옴컬러 네이밍 → 컬러 토큰시멘틱 컬러 (Sementic color) - 색상이 아닌, 사용 방법에 따라 색상 이름을 지정하는 방법 - Blue500 > Primary color - 목적과 UI에 따라 네이밍하고 적용하는 컬러 - 컬러의 관리와 유지 보수가 쉬워짐 - 다크모드에도 최적화된 컬러로 화면을 구성할 수 있음 Gray Scale Colors - Gray50, 100, 200, 300, 400, 500, 600, 700, 800 ,900까지 총 10단계 - 가독성을 ..
2024. 6. 14.
