1. 폰트의 중요성
우리에게 만약 폰트가 굴림 밖에 없다면? 위에 이미지 처럼 가독성이 떨어지게 되며
애플도 굴림체 앞에선 볼품 없어진다.
또한 기업의 개성이나 브랜드 확립도 불가능하며, 소비자에게 어떠한 영감도 주지 못한다.
2. 폰트는 왜 중요할까?
- 웹에서 제공되는 정보의 95% 이상은 문자로 되어 있다.
- 폰트를 최적화하는 것은 가독성, 접근성, 사용 편의성을 포함한 전체적인 그래픽 밸런스를 최적화하는 것이다.
- 폰트를 최적하는 것이 곧 사용자 인터페이스의 최적화가 된다는 말이다.
3. 폰트 디자인 잘하는 방법
- 사용하는 폰트의 수는 최소한으로 유지해라.
- 표준 서체를 사용해라.
- 글의 길이에 제한을 둬라.
- 다양한 사이즈에서도 잘 보이는 서체를 선택한다.
- 글자를 구분할 수 있는 폰트를 사용해라.
- 전부 대문자로 사용하는 경우를 피해라. (한글의 경우 예외)
- 줄간격을 줄이지 말아라.
- 충분히 대비되는 색상을 이용해라.
- 빨간색이나 녹색 텍스트는 피하자.
- 깜빡이는 효과는 피해라.
“>*출처 : http://www.fontclub.co.kr/?p=4828 / <웹디자인에서의 타이포그라피에 대한 10가지 팁>
4. 사례
1. 폰트 자체로 아이덴티티 확립
1) 고딕체 계열(Sans-Serif)
a) 직각형태
우리에게 익숙하고 많이 사용되는 본고딕의 변형된 형태로 보다 디자인적 요소가 가미되고 글자 너비가 넓은 것이 특징이다.
- 주로 깔끔한 느낌을 주고 싶거나 고딕의 가독성은 가져가되 디자인의 화려함을 주고 싶을 때 사용한다.
- 레퍼런스 사이트
- 한국 에너지 시험원 – G마켓산스 http://www.kel.re.kr/kor/main/main.php
- 계룡시 문화관광 – G마켓산스 https://www.gyeryong.go.kr/tour/
- 춘천박물관 – 이사만루체(공고딕) https://chuncheon.museum.go.kr/kor/index.do
- 서울시 동대문구 – 에스코어드림체 https://www.ddm.go.kr/www/index.do
1-2. 둥근형태
- 획 끝이 둥글어 전반적으로 귀엽고 대부분 유아를 대상으로 하는 어린이 사이트나 친근한 느낌을 원하는 홍보/행사 사이트에서 많이 사용된다.
- 레퍼런스 사이트
- MESE (캐릭터 상품 회사) – HS유지체 https://www.anipuppet.com/web/html/business.asp
- 존중문화도시 도봉 – 경기천년체 http://dbculturecity.org/kr/index.php
- 삼성 코딩 캠퍼스 – 빙그레체 http://coding.soijeong.com/
2) 명조체 계열(Serif)
- 서정적이고 따뜻하거나 우아한 느낌을 줄 수 있는 명조체는 주로 고급스러움을 강조하는 식품이나 병원, 화장품 등 다양한 분야에 사용된다.
- 명조체는 다른 폰트보다 시각적 특징이 강해 특유의 느낌을 전달하기 쉽지만 잘못 사용하면 올드해 보일 수 있는 단점이 있다.
- 레퍼런스 사이트
- 루나브루 (고급맥주) – J송명체 http://www.lunabrew.co.kr/
- 일상적미식 (가정식) – 고운바탕체 https://ilmi.kr/
- 낙원우드 (숙소) – Noto Serif KR http://stay-knockonwood.com/#fifthPage
- 청와대 국민품으로 (정부기관) – Noto Serif KR https://www.opencheongwadae.kr/main
- 메디람 한방병원 – Noto Serif KR https://www.medi-am.co.kr/
- 선드린에스테틱 – 아리따부리 http://선드린.com/
2) 역동적인 폰트로 생동감 주기
- E-LAND http://www.eland.co.kr/#section-1
- 재미지네이션 http://www.grove.or.kr/
- NEXNINE http://www.nex9.co.kr/kor/
3) 폰트로만 구성하기
- 세아 https://www.seah.co.kr/
- 애프터모먼트 https://aftermoment.kr/
- 넥슨컴퓨터박물관 https://computermuseum.nexon.com/
- 하이햇 http://www.hihat.co.kr/kor/