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

　　前言 ...................................................................................................... 1第1 篇　如何选择字体第1章分解与易读性：字体易读吗 .................................................................11是什么让字体易读 ............................................................................................11对比 Georgia 与 Helvetica ..................................................................................11对比更多字体 .............…
　查看完整　　

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

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

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

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

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