디자인 시스템
-
같은 역할을 하는 컴포넌트(button, list, diglog 등), 스타일(fontfamliy, color, fontweight) 등을 미리 정의해놓고 재활용해서 사용할 수 있다면, 시간 절약 및 중복되는 코드 최소화, 코드 가독성 등이 월등히 좋아진다.
-
만약, 이러한 디자인 시스템을 정해두지 않으면, Header의 길이나, font, size, color 등이 모두 제각각이 될 수 있기 때문이다.
-
즉 -> 디자인부터 개발까지 모두 공통된 규약을 사용하자는 의미. => 하나로 디자인을 통일하자.
-
디자인 시스템의 3가지 구성요소
- 컴포넌트 : Button, List, Dialog 등
- Theme : Color, Typography 등 => 일종의 Style
- Pattern : visibility, rule 등 => 버튼이 2개 있을 때 디자인을 더 다채롭게 하기 위해 왼쪽 버튼은 배경이 채워진거, 오른쪽 버트은 안채워진걸로 하자. 등의 Rule 같은거.
- Jetpack Compose는 이러한 디자인 시스템의 개념을 적용하기 적합한 모델
https://github.com/nohjunh