스크린 타이포그래피

서문

제1장. 화면 위의 폰트

12 웹 폰트: 간략한 역사
14 화면에서의 글자 처리
16 글자의 세부명칭과 분류
18 본문과 제목
20 웹 폰트 선별 조사
36 구글 폰트
38 사례 연구: A-산스
40 사례 연구: 알파베타 ALPHABETA
42 사례 연구: 히스토리+힙스터=힙스토리
43 사례 연구: ZXX 분열적 타이포그래피
44 디자인 수업: 타입페이스 디자인

제2장. 화면 위의 텍스트

50 화면 크기 선택
52 그리드
54 수직과 수평 공간
56 반응적 타이포그래피
58 글자 크기
60 단락 블록
62 글줄 정렬
64 글줄 사이 공간
66 글자 사이
68 계층구조
70 HTML 태그
72 특수 문자
76 디자인 수업: HTML 포스터

제3장. 디지털 출판

80 선형적 독서
82 선택적 독서
84 내용의 흐름
88 궤도적 콘텐츠
90 사례 연구: 잡지 [웍스 댓 웍]
92 글쓰기
94 디자인 수업: 실험적인 독자
96 디자인 수업: 돌연변이 도서관

제4장. 글자와 인터페이스

100 와이어프레임
102 인터랙션 요소
104 메뉴
106 내비게이션으로서의 글자
108 어휘 확장
110 그림자 만들기와 그레이디언트
112 가리기와 보이기
114 타이포그래피와 데이터 표시
116 도표 디자인
118 도표: 해야 할 것과 하지 말아야 할 것
120 사례 연구: 여행 안내 인터페이스
122 디자인 수업: 날씨 앱

제5장. 아이콘과 로고타입

126 그림으로 쓰기
128 사례 연구: 명사 프로젝트
130 화면에서 길 찾기
132 타이포그래피로서의 아이콘
134 사례 연구: 앱 아이콘 만들기
136 확장성
138 사례 연구: 가상적 앱
140 인터랙션을 위한 아이콘
142 사례 연구: 멀지 않은 사이
143 사례 연구: 로고, 내비게이션을 만나다
144 튜토리얼: 인터페이스 아이콘 그리기
146 로고타입
148 색 다루기
150 움직이는 로고타입
152 유연적 로고타입
154 생성적 로고타입
156 확장 벡터 그래픽
158 사례 연구: MFA 브랜딩
160 사례 연구: 대도시 브랜딩
162 디자인 수업: 아이콘

제6장. 애니메이션과 코드

166 애니메이션 기초
172 애니메이션 GIFs
174 디자인 수업: 움직이는 GIF
176 스토리보드
178 내러티브 기술
180 전환: A에서 B로
182 사례 연구: 거리에서의 전환
183 사례 연구: 전환하는 로고
184 사례 연구: 픽셀 페인팅 타이포그래피
185 사례 연구: 킥셀(키네틱 알파벳)
186 타입과 코드
188 프로세싱의 활용
190 스크립토그래퍼의 활용
192 코드 수정하기
196 사례 연구: 컴퓨터 연산 글자
198 사례 연구: 가는 선 글자 생성기
199 사례 연구: 포스터 머신
200 사례 연구: CSS로 알파벳 만들기
202 사례 연구: 론리 웹 타이포그래피
204 디자인 수업: 프로세싱