[Design tips] 004 읽기 편한 문자 Font tips

[Design Tips] 004 읽기 편한 문자 Font tips

👩🏻‍💻정보와 어울리는 적합한 서체 사용하기
정보를 전달하는 디자인의 기본 요소 중의 하나는 서체이다.

우리는 전달하고자 하는 내용이나 분위기에 따라 적절한 폰트를 선택해 사용할 수 있다.

서체의 기본 종류를 파악해보고 이를 응용해보자-!

 

---

서체의 종류 Serif or Sans-Serif

Serif  한글의 명조체, 영문의 세리프체

획의 끝에 세리프라고 부르는 장식이 있는 서체.

가로 획이 가늘고 세로 획이 굵다.

권위적, 역사적, 유연, 품격, 우아함

 

San-Serif  한글의 고딕체, 영문의 산세리프체

모서리에 장식이 없는 서체.

가로 획과 세로 획의 굵기가 거의 동일하다.

안정감, 강력한, 튼튼한, 모던, 대중적

 

---

디자인에 통일감을 주는 Font-Family

패밀리 서체란?

문자의 굵기나 기울기에 따라 다양한 스타일의 서체가 묶인 것.

패밀리 서체를 사용하면 디자인에 통일감을 줄 수 있고, 완성도를 높일 수 있다.

 

---

Font-Tip 01

영문에는 영문 서체를 사용하자

한글 서체를 사용해서 영문을 작성할 수 있지만 영문 서체를 사용할 때에는 영문 서체를 사용하는 것이 좋다.

한글 서체는 한글을 표현하기 위해 만들어진 서체이기 때문에 영문을 나타내기에는 다소 적절하지 못하다.

 

---

Font-Tip 02

영문의 크기와 높이를 맞추자

한글과 영문을 함께 사용한다면?

일반적으로 영문 서체는 한글 서체와 폰트 크기가 동일해도 작은 경우가 많다.

또한 영문 서체는 기준선이 한글 서체에 비해 약간 올라가 보인다.

그러므로 한글과 함께 영문 서체를 사용한다면 폰트 크기나 기준선의 높이를 맞춰야 한다.

 

---

Font-Tip 03

문자의 크기와 두께를 조절하자

중요 텍스트를 효과적으로 보여주는 방법

텍스트를 작성할 때 문자의 배열이나 크기 또는 두께를 조절해 텍스트를 강조해보자.

폰트의 차이를 통해 정보의 계층을 줄 수 있다.

 

---

Font-Tip 04

텍스트에 디자인 요소를 추가하자

정확하게 전달하고자 하는 정보를 명확하게 차별화시켜보자.

문자 조합을 변형해 숫자를 강조하거나 도형을 추가해 하나의 그룹으로 강조할 수 있다.

 

---

Font-Tip 05

정보의 중요도를 컬러로 표현하자

왼쪽과 오른쪽의 예시를 통해서 우리는 컬러의 중요성을 확인할 수 있다.

정보의 중요도를 컬러를 통해서 표현할 수 있고, 회색 계열의 텍스트를 사용한다면 크기나 두께의 조절 없이 정보를 구분할 수 있다.