字体之美：从传统印刷到Web排版

　　Web页面之美，美在何处？在于字形传达出来的情感，在于版式对信息的合理分割和布局，在于与阅读场景的完美契合。而这一切的重中之重在于字体。本书就教授怎样通过字体的设计、选择、搭配与布局，制作出带给人美感，帮助读者理解和找寻信息的Web页面。全书分为四篇：第1篇详述如何从字体风格、字形特征、易读性和协调性来挑选字体，夯实基础；第2篇讲述如何通过分块、标题设置、构造布局等来设计适合浏览的网页；第3篇讲述如何根据读者的阅读方式来设置导航系统、应用栅格系统、创建字体库等，从而设计适合休闲和持续阅读的网页；第4篇详述了三种排版风格：传统风格、现代主义风格和后现代主义风格，指出了各自适用的场景。 作者将传统印刷中的版式设计原则提炼出来，应用到Web页面；同时，也总结了近些年Web页面排版的一些经验。书中附带了很多实用的HTML和CSS代码示例，并配有相应的练习，方便读者一边学习一边实践。

　　Laura Franz 是马萨诸塞州大学达特茅斯分校的设计学副教授，她已经在该校执教Web 版式设计课程12 年。她讲授多种版式设计课程，包括版式设计I，字形的历史与构造，以及页面版式设计介绍；版式设计II，版式即信息；版式设计III，实际情境中的版式：印刷业与Web ；版式设计IV，以字体设计为题的本科研究项目。她还是马萨诸塞州大学达特茅斯分校Web 与交互设计专业硕士认证的联合协调人。她所做的专业设计既有针对传统印刷的，也有针对Web 设计的。正在进行的创新研究项目包括historictype.com、goodwebfonts.com 及新Bedford 字体项目。她教授Web 版式设计，也在相关专题讨论会上演讲，还曾为Lynda.com 撰写相关课程。对于如何将这一行的艺术与责任传授给未来的版式设计师们，她也特别感兴趣。

前言 ...................................................................................................... 1
第1 篇　如何选择字体
第1章
分解与易读性：字体易读吗 .................................................................11
是什么让字体易读 ............................................................................................11
对比 Georgia 与 Helvetica ..................................................................................11
对比更多字体 ....................................................................................................13
课程1　在线比较字体 ......................................................................... 16
在 Typetester 上比较字体 .................................................................................16
写下你所看到的 ................................................................................................16
在 Typetester 上设置字号 .........................................................................17
理解 HTML、CSS、Web 服务器、浏览器及个人电脑是如何合作的 ..........17
HTML ...........................................................................................................17
CSS ...............................................................................................................17
浏览器 ........................................................................................................18
个人电脑与字体 ........................................................................................18
继续前进 ............................................................................................................19
第2章
审美与情感：字体是否承载了正确的信息 .......................................... 21
选择有恰当美学或者情感关联的字体 ...........................................................21
衬线字体给人以传统感觉，无衬线字体给人以现代感 ...............................22
与格式打交道 ....................................................................................................23
课程2　文字的含义 ............................................................................ 25
表达同一单词的不同含义 ................................................................................25
写下你所看到的 ................................................................................................26
编写你的首个HTML 与CSS 文件 ....................................................................26
命名规范 ....................................................................................................26
组织文件 ....................................................................................................26
编写 HTML 文件 .........................................................................................27
DOCTYPE 与DTD ........................................................................................27
标签 ............................................................................................................28
Head、Title 和Body 元素 .........................................................................28
编写 CSS 文件 ............................................................................................30
描述元素 ....................................................................................................30
创建一个 div ..............................................................................................32
继续前进 ............................................................................................................35
第3章
对比度、字形及字符：这个字体能胜任吗 .......................................... 37
粗体中应该关注什么 ........................................................................................37
斜体中应该关注什么 ........................................................................................38
选择字体时还要考虑什么 ................................................................................39
如果单个字体无法达到想要的所有效果，怎么办 .......................................40
课程3　一篇参考书目短文（第1部分） .............................................. 42
使用单一字体创建一篇参考书目 ...................................................................42
写下你所看到的 ................................................................................................43
使用HTML 与CSS 设计参考书目 ....................................................................43
编写 HTML 文件 ...........