Figma로 만드는 디자인시스템/3) 컴포넌트 만들기
디자인 시스템 기초 (2) 서체와 하이어라키, 가변 폰트의 사용
네...어제는 컬러 편이었고 오늘은 타이포그래피 편입니다. 여기서부터는 기초 상식으로서 알아야 할 것들이 좀 있기 때문에 부득이하게 개념부터 좀 짚는 시간을 가져보았습니다. 디자인 시스템에서 타이포그래피는 무슨 역할을 하고, 어떻게 지정해야 할까요? 역할과 분류, 지정을 위해서 어떤 고민을 해야 할 필요가 있는지 준비해보았습니다. 1. 타이포그래피를 다루는 4가지 요소 : 크기, 무게, 자간, 행간 타이포그래피는 Type(서체) + Graphy (그림,도표,그래프 등)의 활자체를 가지고 그려내는 총체적인 활동을 의미합니다. 서체를 그림처럼 다루면서 효과적으로 활용하는 법을 익혀 나가는 게 매우 중요합니다. 기본적으로 웹이나 앱에서는 크기, 무게, 자간, 행간을 기초로 타이포그래피를 조정하곤 합니다. - ..
