웹 디자인 팁 : 타이포그래피(Web Design Tips : Typography)

안녕하세요!
Early adopter입니다. 제 번역 블로그를 자주 찾아 주셔서 감사드립니다. 이번에 페이스북에 [DTF] 디자인 번역 공장 - Design Translation Factory라는 공개 그룹을 만들어 보았습니다.
저를 위해서 시작한 블로그였는데 1년 넘게 하다 보니 욕심이 생기게 되었습니다. 해외 디자인 관련 좋은 콘텐츠를(영어 포함 다양한 언어) 가능한 한 모두 번역해보자!라는 목표를 새워보았습니다. 많이 도와주세요^^
그리고 페이스북 친구도 거의 없습니다. ㅠㅠ 친구 맺어주시고 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다. 아직은 너무 부족하지만 함께 좋은 방향으로 발전할 수 있기를 기대합니다.
다시 한번 제 블로그를 방문해 주셔서 진심으로 감사드립니다.



Wikipedia에 의하면, Typography는 디스플레이 될 때 문자를 읽기 쉽고, 이해하기 쉽고, 호소력 있게 만들기 위해 글씨를 배열하는 기술입니다.
타이포그래피는 콘텐츠를 위해 만들어졌습니다!
이 글은 당신의 타이핑 기술을 향상시키고 몇 가지 팁을 따라 타이핑을 사용하는 방법을 이해하도록 돕기 위해 작성되었습니다.
시작합니다.

Tip 1

하나의 폰트로 충분합니다. 선택하는 것은 혼란스럽기 때문에 하나에 집중하겠습니다. 저는 보통 Google 폰트를 사용하며 오픈 소스 웹 폰트 디렉토리를 제공합니다. Roboto를 폰트로 사용하는 것이 좋습니다. Roboto 폰트는 12가지의 스타일과 모던하고, 깨끗하며 단순합니다.
presentation
Typography Tip: 1

Tip 2

대비-contrast를 사용하여 중요한 메시지에 독자의 주의를 집중시킵니다. Roboto 폰트를 사용하면 color, weight 및 size의 세 가지 방법이 있습니다. 하나를 선택하십시오!
presentation
Typography Tip: 2

Tip 3

정렬할 기준-Axis 찾기 : 요소를 정렬하는 것 이상이 필요합니다. 수직 정렬-vertical, align을 위해 왼쪽 가장자리에 정렬되어야 합니다 또한, 수평 정렬-horizontal align을 기준선에 정렬해야 합니다.
presentation
Typography Tip: 3

Tip 4

당신이 변화하고, 더 크게 변화할 때, 그 변화는 인식이 가능해야 합니다. 포인트 크기를 두 배로 늘릴 수 있습니다.
presentation
Typography Tip: 4

Tip 5

텍스트 : 크기가 14pt 이상이고, 왼쪽으로 정렬하고, 줄-limit line을 40-60자로 제한하고, 줄 간격-line spacing의 크기의 120-160% 사이로 제한합니다.
presentation
Typography Tip: 5

Tip 6

그리드-grids를 사용하여 계층-hierarchy 구조를 만들고 디자인에 구조를 지정하십시오.
presentation
Typography Tip: 6

Tip 7

즐기십시오! 이것은 단지 타이핑일 뿐입니다.
presentation
Typography Tip: 7
저에게 메모를 남기거나 Tweet를 보내고 Dribbble에서 저의 작업을 볼수 있습니다. 언제든지 환영합니다.

번역글 추천(신청) 받습니다.

PS. 안녕하세요. 일 년 조금 넘게 제가 공부 좀 해보려고 블로깅을 처음 시작했는데, 생각보다 많은 분들께서 제 번역 글들을 보시고 계셔서 놀라기도 하고 좋기도 했습니다.
읽고 싶은 좋은 디자인 관련 해외 글들이 있다면 리뷰에 링크를 달아 주세요. 가능하면 번역해보려고 합니다.
기간은 보통 원작자 허락 구하는데 3일정도 그리고 번역은 1일 정도입니다. 신청하시면 가능한 1주일 내에는 충분히 볼 수 있지 않을까 생각됩니다.

이 글은 번역 글입니다.원본링크 입니다.