[아티클스터디] 디자인 시스템에 적용 가능한 시멘틱 컬러를 알아보자
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.
[특강] 프로덕트 아이덴티티: 디자인컨셉 구축법
UI 역량 강화를 위한 비주얼 디자인 특강 2 _ 김소윤 튜터님프로덕트 아이덴티티: 디자인컨셉 구축법새로운 컨셉 만드는 방법, 스타일가이드 전까지 색깔만 봐도 제품을 생각나게, 각인시키려면 일관적인 톤앤매너(가스라이팅🤣)로 소통해야 함- 프로토타입 : 아이디어를 냈을 때 구체화하는 활동- MVP : 프로토타입을 고도화해서 출시할 수 있을 정도로, 초기 출시 단계- 프로덕트 : 많이 고도화 되면 완전한 제품이 됨제품의 아이텐티티 만들때- 브랜드 디자이너 : 로고, 타이포, 비주얼, 브랜드 성격과 가치를 나타내는, 어떻게 활용할지 브랜드 가이드라인 개발- 프로덕트 디자이너 : 어떤 사용자의 니즈, 불편함을 해소, 가치를 제공하려는지초기 컨셉을 설계하고, 제품 내에서 일관적인 UI로 소통하기 위해 스타일 ..
2024. 6. 13.