티스토리 뷰

FRONT-END/WEB DESIGN

[WEB DESIGN] TYPOGRAPHY

진심스테이크 2019. 1. 28. 16:25

 

타이포그래피 : 활자 서체의 배열, 즉 글자를 활용한 모든 디자인을 가리키는 말

 

폰트 : 문자와 숫자, 특수 기호 및 서체와 굵기 등이 완벽하게 구현된 글자 디자인 모음

 

사용 이유 

1. 크기와 색상 조절이 자유로움

2. 읽기 쉬움

- '나눔고딕' 폰트를 많이 사용

 

 

구글 웹 폰트

- 자세한 사용방법 : https://cho-coding.tistory.com/171

 

[CSS] FONT - 글꼴

font-family : 글꼴 지정 - 두 개 이상의 글꼴 이름윽ㄹ 지정할 때에는 쉼표(,)로 구분 body { font-family : "맑은 고딕", 돋움, 굴림 } 위와 같을 때, 맑은 고딕이 없으면 돋움을, 돋움이 없으면 굴림을 적용하..

cho-coding.tistory.com

 

 


 

 

빅 타이포그래피 : 방문자의 시선을 사로잡으면서 사이트의 메시지를 강력하게 전달

 

원칙

1. 단순하게 만들기

- 서체 종류가 하나면 너무 단조롭고, 셋 이상이면 너무 많아서 어지러움

2. 조화를 살펴보기

- 빅 타이포그래피를 너무 강조한 나머지, 사이트의 다른 요소들을 가려버리지 않은지 확인

3. 가독성은 필수

- 텍스트를 쉽게 읽을 수 있게 만들기

 

'FRONT-END > WEB DESIGN' 카테고리의 다른 글

[WEB DESIGN] 스크롤을 이용한 디자인  (0) 2019.01.28
[WEB DESIGN] FULL SCREEN BACKGROUND  (0) 2019.01.28
[WEB DESIGN] CARD UI  (0) 2019.01.28
[WEB DESIGN] FLAT DESIGN  (0) 2019.01.26
[WEB DESIGN] 반응형 웹 디자인 패턴  (0) 2019.01.26
댓글