字体之美 从传统印刷到WEB排版PDF|Epub|txt|kindle电子书版本下载

字体之美 从传统印刷到WEB排版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

前言1

第1篇 如何选择字体11

第1章11

分解与易读性：字体易读吗11

是什么让字体易读11

对比Georgia与Helvetica11

对比更多字体13

课程1 在线比较字体16

在Typetester上比较字体16

写下你所看到的16

在Typeteste r上设置字号17

理解HTM L、CSS、Web服务器、浏览器及个人电脑是如何合作的17

HTM L17

CSS17

浏览器18

个人电脑与字体18

继续前进19

第2章息21

审美与情感：字体是否承载了正确的信息21

选择有恰当美学或者情感关联的字体21

衬线字体给人以传统感觉，无衬线字体给人以现代感22

与格式打交道23

课程2文字的含义25

表达同一单词的不同含义25

写下你所看到的26

编写你的首个HTML与CSS文件26

命名规范26

组织文件26

编写HTML文件27

DOCTYPE与DTD27

标签28

Head、Title和Body元素28

编写CSS文件30

描述元素30

创建一个div32

继续前进35

第3章37

对比度、字形及字符：这个字体能胜任吗37

粗体中应该关注什么37

斜体中应该关注什么38

选择字体时还要考虑什么39

如果单个字体无法达到想要的所有效果，怎么办40

课程3一篇参考书目短文（第1部分）42

使用单一字体创建一篇参考书目42

写下你所看到的43

使用HTML与CSS设计参考书目43

编写HTML文件43

编写CSS文件44

改进版式设计46

通过创建class来将标题设为斜体48

继续前进49

第4章51

搭配两种字体51

装饰字体：使用第二字体51

确定你需要什么样的第二字体51

考虑一致性与对比度51

正文字体：使用第二字体53

确定你需要什么样的正文第二字体53

考虑平衡性与延续性53

关于本章中使用的字体55

课程4一篇参考书目短文（第2部分）56

为标题设置装饰字体56

使用你为标题挑选的字体56

写下你所看到的57

使用＠font-face与字体栈57

理解＠font-face57

法律问题：链入并非嵌入57

技术问题：不同浏览器使用不同的字体格式57

选择字体58

构造字体栈60

继续前进62

插曲1 节奏与张力65

第5章65

版式布局中的节奏与张力65

重复与对位65

焦点66

构造强调竖线67

空间张力69

课程5 A代表Alignment72

课程概览72

创造动态构图（第1部分）73

编写HTML文件73

编写CSS文件74

添加并描绘区块（容器）74

添加内容并定义元素79

升华版式80

创造动态构图（第2部分）82

利用图片将字母A作为背景82

增加类选择器，创造正文的对位84

继续前进85

第2篇 如何设计版式：带着目的浏览89

第6章89

我们的阅读方式（第1部分）89

字号89

行高90

行宽91

对齐93

颜色（黑／白）95

课程6系列电影（第1部分）96

课程概览97

创建系列电影页面98

编写HTML文件98

编写CSS文件99

编写系列电影页面102

继续前进104

第7章105

信息分片：竖直方向的分隔（spacing）与邻近（proximity）105

基础分隔：段落106

构造竖直分隔体系106

课程7系列电影（第2部分）110

课程概览110

开发竖直分隔体系111

确定并套用竖直分隔层级111

理解边距叠加112

优化竖直分隔112

继续前进114

第8章115

利用标题将信息分片：层次结构与相似性115

层次结构115

层次结构和相似性117

课程8系列电影（第3部分）120

课程概览120

创建标题体系121

确定并套用层次体系121

如有必要，返回调整122

继续前进124

第9章125

处理版式细节125

添加第二字体125

运用分割线126

数字和缩写词127

处理标点符号127

引号127

单折号和双折号128

避免寡行和孤行129

课程9系列电影（第4部分）131

课程概览131

照顾版式设计细节132

从FontSequirrelcom下载字体132

在CSS文件里描述＠font-face133

标识需要修改的地方134

再次检查作品138

继续前进140

插曲2列表式信息143

第10章143

列表信息的版式处理方式143

易读性143

相近性143

相似性144

读者的阅读方式144

分割线144

数字145

课程10 Martha的葡萄园轮渡时间表147

课程概览147

通过＜table＞＜tr＞＜td＞组织表格148

编写HTML文件148

编写CSS文件148

构建轮渡时间表页面148

构建表格149

找出问题152

找出新问题157

重构表格周围的构图157

继续前进159

第3篇 版式运用：休闲阅读与持续阅读163

第11章163

我们的阅读方式（第2部分）163

大小写163

风格164

字重165

颜色165

创造多样的文本风格167

文本中的常见元素167

多样的文本风格帮助定义元素167

元素风格同样关乎网站带给人带来的感觉167

课程11食谱（第1部分）169

课程概览170

将色彩、图片和列表结合起来170

编写HTM L文件170

编写CSS文件171

开始添加内容171

拆分文本才能看到元素172

将信息分块173

创建并定义食材列表173

将烹饪原料的div容器变得窄一些175

创建并定义主导航列表177

为每个文本元素设置符合其自身语意的风格179

继续前进181

第12章183

表达结构和韵律：栅格183

模块化的栅格与文本183

网页栅格与阅读184

如何建立栅格186

从文本需求出发186

手动完成实体元素块的排布186

使用图片处理软件来排布页面元素187

乐于修改元素187

为最佳布局手工着色188

草图比以往更重要188

课程12食谱（第2部分）190

课程概览191

探索栅格并记录过程191

建立栅格191

使用嵌套的div元素来创建复杂列191

挑选你想创建的布局191

理解列与行192

让代码变得井井有条：CSS 中的记号195

HTML中的记号196

构建基础的页面结构196

如何构建基础页面结构197

在结构容器中摆放内容200

重新定义内容的布局201

如何重新排布内容201

修复“双倍边距”bug205

即将完成206

继续前进206

第13章207

帮助读者纵览网站内容：导航207

导航也是文本，需要具备可读性207

点击我，我会带你前往目的地207

读者在网页中所处的位置208

哦，你可以去这些地方209

你已经到过这里了210

随时待命210

课程13食谱（第3部分）212

课程概览212

链接语法与伪类选择器213

准备开始：下载一些页面以便于链接213

添加链接语法：主导航213

为主导航链接增加交互性216

创建并描述一个“You Are Here”类217

添加链接语法：区域链接218

为区域链接添加交互220

创建并描述“You Are Here”类221

添加链接语法：广告222

继续前进223

第14章225

系统的跨页面应用225

应用系统的五个原因225

对于读者来说，系统使网站更易用225

你已经完成了这项艰难的工作，为什么要重新再做一次225

不同的页面感觉起来依然是整体的一部分225

允许多人在网站上工作，且保持一致性226

数据驱动的网站创建动态页面226

一开始就为不同的页面进行规划227

考虑灵活性227

课程14食谱（第4部分）229

课程概览230

在多个页面中应用CSS230

创建一个新网页230

确认并解决问题231

如何解决系统中的问题231

构建剩余的食谱页237

继续前进238

插曲3构建字体库241

第15章241

构建自己的字体库241

分类241

五大字族241

扩展五大字族分类体系242

老式字体242

过渡字体243

现代字体／Didone244

粗衬线字体245

无衬线字体246

特排字体247

辨识优秀的Web字体247

优秀的Web正文字体247

优秀的Web特排字体248

构建字体库249

免费或者开放授权的字体250

购买Web授权251

订阅服务252

课程15批判地分析字体254

课程概览255

查看新字体的哪些方面255

使用Font Squirrel的Web字体255

找到需要调整的地方258

我是如何修复自己设计里的问题的258

使用Google Web Fonts的Web字体260

找到需要调整的地方262

我是如何修复自己设计里的问题的262

使用Typekit的Web字体263

找到需要调整的地方266

我是如何修复自己设计里的问题的266

继续前进268

第4篇 版式设计：理念风格271

第16章271

传统版式271

传统版式的特点271

传统版式有文本框271

传统版式使用衬线字体272

传统版式寻求平衡感273

传统版式传达优雅感274

排版师的角色275

课程16以传统方式设计与制作网站276

课程概览277

设计过程277

传统页面元素277

回顾背景图片277

编写HTML文件277

编写CSS文件278

添加背景图片278

填入并准备文字279

设计版式页面280

链接其他课程文件夹中的文件280

继续前进281

第17章283

现代主义版式283

现代主义版式的特征283

现代主义版式以某种构筑方式运用留白283

现代主义版式使用无衬线字体284

现代主义版式使用对比来突出重点284

现代主义版式传达不对称的、鲜活的情感284

排版师的角色286

课程17以现代主义方式设计并实现网站287

课程概览288

设计过程288

现代主义版式元素288

修改CSS来创作新设计288

设计版式页面288

修改CSS即修改全部289

继续前进289

第18章291

后现代主义版式291

后现代主义版式的特征291

后现代主义版式会把文字放到页面任何位置291

后现代主义版式使用任意可行的字体291

后现代主义版式使用对比来突出内容291

后现代主义版式通过形式传达内涵292

后现代主义版式传达结构意义292

排版师的角色292

课程18 用后现代主义的方式设计并实现网站295

课程概览296

设计过程296

后现代主义版式元素296

探索“烂”代码296

设计版式页面296

继续前进297

附录A299

继续前进：推荐阅读资料299

挑选和使用字体299

处理页面中的文本299

开发栅格299

版式设计历史300

Web版式设计前沿300

代码：CSS和颜色300

对版式设计的情感300

参考文献301