티스토리 뷰
타이포그래피 : 활자 서체의 배열, 즉 글자를 활용한 모든 디자인을 가리키는 말
폰트 : 문자와 숫자, 특수 기호 및 서체와 굵기 등이 완벽하게 구현된 글자 디자인 모음
사용 이유
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 |
댓글