추가 적립 안내

『스크린 타이포그래피』는 필름, 비디오에서부터 웹사이트, 전자출판, 모바일 앱에 이르기까지 화면 기반의 애플리케이션에서 타이포그래피를 활용법을 친절히 안내한다. 이 책은 글자의 형태와 구조에 관한 전통적 사고를 화면 기반의 기술과 사용자 인터랙션 그리고 애니메이션의 원칙들과 어떻게 결합시켜야 하는지 실질적인 내용을 알려준다.

화면 기반의 글자 세계를 이해하는 데 도움을 주는 책
《스크린 타이포그래피》는 필름, 비디오에서부터 웹사이트, 전자출판, 모바일 앱에 이르기까지 화면 기반의 애플리케이션에서 타이포그래피를 활용법을 설명한 안내서다. 이 실질적인 입문서는 글자의 형태와 구조에 관한 전통적 사고를 화면 기반의 기술과 사용자 인터랙션 그리고 애니메이션의 원칙들과 어떻게 결합시켜야 하는지를 알려준다. 또 이 책은 화면에서 글자체를 어떻게 선택하고, 어떻게 스타일을 아름답게 꾸미는지, 텍스트에 애니메이션 원칙을 어떻게 적용할지, 경쟁력 있는 로고와 아이콘은 어떻게 만들 수 있는지도 설명한다. 기본 예제와 튜토리얼, 해야 할 것과 하지 말아야 할 것도 수록했다,

《스크린 타이포그래피》은 웹디자인, 인터랙션 디자인, 모션 그래픽스 과정의 교재로 사용될 수 있으며, 디지털 타이포그래피에 대해서 영감을 주는 정보와 기술을 탐구하는 모든 디자이너와 개발자들에게 필수적인 지침서가 될 것이다. www.typeonscreen.info를 방문하면 화면 기반의 자료에 관한 여러 예시들을 볼 수 있다.

베로니카 뷰리안(타입투게더)
미디어의 경계를 초월한 화면 기반 디자인에 관한 명확하고 실질적인 안내서. 초보자들이 궁금해하는 디지털 글자의 세계로의 안내서

피터 빌락(타이포테크)
우리는 화면에서 일하고, 화면에다 글을 쓰고, 화면을 읽는다. 이 책은 타이포그래피가 나아가야 할 방향을 제시하고 있다

서문

제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 디자인 수업: 프로세싱

이 책은 인쇄 매체와 화면 기반 매체를 두루 작업하는 시각 디자이너, 화면 기반의 창의력을 탐구하는 학생들과 교육자, 시각 디자인의 원리를 더 잘 이해하려고 노력하는 개발자, 디지털 툴과 시스템을 좀 더 정교하게 다루기를 원하는 편집자와 콘텐츠 제작자들에게 도움이 되고자 집필했다.

책, 뉴스, 블로그, 인포그래픽, 광고 등의 콘텐츠를 다루는데 있어 꼭 알아야할 타이포그래피에 관해 다루었다. 이들 콘텐츠는 타입페이스로 코딩되어 단과 섹션으로 구성되거나 인터페이스로 연결되고, 다른 문서로 링크되고, 잘 분배되기 위해 적절히 포장되어야 한다. 이러한 결과물은 웹 브라우저, 휴대용 기기, 태블릿 또는 e-리더에서 볼 수 있을 것이다. 디자이너는 모든 독자가 매력적이고 흥미로운 경험을 할 수 있도록 상호 연결된 선택들(타입페이스의 선택과 페이지 구성에서부터 글줄 정렬, 상호 반응 작용, 내비게이션에 이르기까지)을 일련의 작업으로 디자인한다.

또 화면 위의 글자를 다루는 것을 넘어서 화면 기반 디자인을 더욱 심도 있게 탐색하는 개념을 소개하며, 아이콘 체계를 어떻게 만드는지, 어떻게 지배적인 화면의 세계에서 브랜딩에 접근하는지, 어떻게 텍스트를 애니메이션과 코드로 활기 있게 만드는 방법에 관해 설명했다. 최근 디자이너들은 인쇄 과정에 제약을 받는 고정적인 로고타입보다 색과 움직임으로 더욱 복잡한 브랜딩 시스템을 생생하게 만들어낸다. 이제 디자이너들은 감정과 이야기를 전달하기 위해 속도, 색, 투명도, 속도를 다룬다. 마치 배경, 카메라, 주변 요소들을 움직이고 바꾸는 것처럼 글자 형태를 화면에서 움직이거나 바꿀 수 있다. 디자이너들은 마치 살아 움직이는 듯한 글자와 텍스트를 만들기 위해 코드를 작성하며, 덜 예측 가능한 세계를 만들기 위해 손수 만든 소프트웨어를 쓰기도 한다. ?저자 서문 중