TIL 260225 디자인 시스템 이해 (UI 디자인 중급)

아토믹 디자인

디자인 토큰 설명

 

구글의 머티리얼 디자인

 

구글이 머티리얼 디자인을 설계해 나간 방식을 보고 UX/UI 역사에 대해 알아보고 싶어졌다

https://developer.apple.com/kr/design/human-interface-guidelines/

휴먼 인터페이스 가이드라인(HIG) | Apple Developer Documentation

https://m3.material.io/

Material Design

 

 

애플의 HIG 6가지

타이포그래피, 색, 쉐입 등등 디자인 이론 (장평 고딕 디자인 등) - 개인적으로 시각적으로 편안한, 디자인의 정수를 공부하고 싶어졌다.

kit들같은 레퍼런스는 다 많이 참고해서 하되, 디자인은 자기만의 브랜드 아이덴티티를 살리는 자유로운게 좋다.
그럼 어디서부터 어디까지 변형해도 되는지 뭘 유지해야하는지 고민해볼게 생겼다.

 

각각 그리드 단위

모니터 px

안드 dp

아이폰 pt

 

오늘의 피그마 플러그인/라이브러리 획득 목록

• MS fluent 가이드 - figma 에서 [ms fluent kit] 검색
• A11Yy plugin - figma
• 구글 머티리얼 3 라이브러리

 

 

 

스타일 가이드