brunch

[UXUI] 초보자를 위한
Typography Kit


모바일로 보시길 추천 드립니다.


타이포그라피에서는 자간, 행간, 사이즈, 컬러감 등신경써야 할 부분이 많다. 이러한 타이포그라피 가이드를 만들 때 도움이 되기 위한 텍스트 키트다. 자간이 너무 좁아선 안되고, 가독성이 좋아야 하며 등등 타이포에 규칙은 있지만 정확한 규격의 정답은 없다. 보기에 편한 크기, 행간은 어떤지 어느 정도의 컬러 차이를 통해 중요도를 다르게 나타낼지 생각해본다면 작업하는 데 있어 도움이 될 것이라 생각한다.



폰트

Font_Color-1.jpg

폰트 그레이 스케일

Font_Color.jpg

폰트 사이즈

Font_Size.jpg

노란색: 캡션에 사용하기 좋은 사이즈

파란색: 본문에 사용하기 좋은 사이즈

초록색: 본문 및 헤드라인에 사용하기 좋은 사이즈

빨간색: 타이틀에 사용하기 좋은 사이즈




행간

Font line-height.jpg

기업 별 Typography 예시

Frame 21.png



어떤 사이즈, 어떤 행간이 눈에 편한지 확인해 보셨다면, 평소에 많이 사용하는 앱과 비교해보자. 그리고 어떤게 좋아 보이는지 생각해보고 기록해보자. 직접 다양한 크기별로 만들어 보고 비교하면서 작업을 한다면 자신만의 좋은 타이포그라피 가이드를 만들 수 있다 생각한다.

keyword
작가의 이전글[UXUI] 리디자인 잘하는 법