页面设计范式

不管是正文还是字体，都既可选择衬线字体，也可选择无衬线字体，但无衬线字体会更流行一些。

标题常见字体：Georgia Arial Helvetica

正文常见字体：Georigia, Arial, Verdana, Lucida, Grande

标题常见尺寸是18-29像素

正文字体常见尺寸是12-14像素

标题字体尺寸 / 正文字体尺寸=1.96

行高（像素） / 正文字体尺寸（像素）=27.8

段落间的距离（像素） / 行高（像素）=0.754

每行最理想的字数是55-75，但是较为常见的是每行75-85个字

正文字体左对齐，而图片替换很少用，链接一般会加下划线或加粗或用其他颜色强调

比较常用的字体有：Myriad， Gotham, Din，Akzidenz, Grotesk和Interstate等无衬线字体， Mercury， Elecra和Pertetua等衬线字体。

Helvetica 和Neue这样的大字族可用作艺术表现，versatile 运用起来也十分顺手。

无衬线几何字体，每个字母笔画宽度都一致，体现了“少即是多”的极简派设计思想。

这类字体有：Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

使用之前必须三思：要现代、使用而印象深刻。

无衬线的人文字体：

这类字体看上去干净而现代，这类字体有：

Gill Sans, Frutiger, Myriad, Optima, Verdana.

优点：现代又人文。缺点：缺乏力度， 不够权威。

古体字：

Antiqua, venetian, Jenson, Bembo, Palatino, Garamond（比较传统）

过渡字体：

Baskerlille, Bodoni, Didot, Times New Roman, Baskerville

现代字体：

Bodoni, Didot

优点：力量感，时尚感和活力。

缺点：不伦不类

带衬线的版式字体：

Clarendon, Rockwell, Courier, Lubalin Graph, Archer

权威感：Rockwell （加粗）； 友好感：Archer；城市特性：Rockwell, Courier, Lubalin

到目前为止，字体搭配最经典的原则就是用无衬线的标题字体搭配衬线的正文字体。

标题和正文要避免使用同种字体，一面给人带来荣誉之感。

 

搭配范本：

Souvcrior + Futura Bold

Dax Bold + Caslon

Antique Olive Bold + Chaparral 

Helvetica Neue + Garamond

Arial/ Helvetica和Verdaria 不适合同时存在于版式中。

Times/ Times New Roman和 Georigia 也不适合同时存在于版式中。

适合正文的字体： Bskerville, Times New Roman， Times, 衬线字体。Garamond, Hoefler Text, Times New Roman， Times衬线字体。

无衬线字体：Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana， Gill Sans, Calibri, Trebuchet

衬线字体：Garamond, Hoefler Text, Times New Roman, Times

适合标题的字体：

Georgia, Times, Times New Roman等衬线字体

衬线字体：Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman

无衬线字体：Tahoma, Verdana, Geneva, Trebuchet, Tahoma, Arial等

既适合做正文又适合做标题的字体：

Impact, Haettenschweiler, Arial Narrow Bold无衬线字体

Cambria, Georgia, Times, Times New Roman等，衬线字体

Copperplate Light, Copperplate Gothic Light等，衬线字体

Futura, Century Gothic, AppleGothic无衬线字体

字体堆栈：

基于Times New Roman字体的衬线字体堆栈： Cambria, Hoefler Text, Utopia, Liberation Serif, Nimbus Roman No9L Regular, Times, Times New Roman, 衬线字体。

基于Modern Georgia 字体的衬线字体堆栈：Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia， 衬线字体。

更为传统的基于Garamond 字体的衬线字体堆栈： Palatino Linotype, Palatino, Palladio, URW Palladio L, Book Antiqua, Baskerville, Bookman Old Style, Bitstream Charter, Nimbus Roman No9 L, Garamond, Apple Garamond, ITC Garamond Narrow, New Centry Schoolbook, Century schoolbook, Century Schoolbook L, Georgia, 衬线字体。

基于Helvetica/Arial 字体的无衬线字体堆栈： Frutiger， Frutiger Linotype, Univers, Calibri, Gill Sans, Gill Sans MT, Myriad Pro, Myriad, DejaVu Sans Condensed, Liberation Sans, Nimbus Sans L, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, 无衬线字体

基于Verdana字体的无衬线字体堆栈：Corbel, Lucida Grande, Lucida Sans Unicode, DejaVu Sans, Bitstream Vera Sans, Liberation, Sans, Verdana, Verdana Ref, 无衬线字体

基于Trebuchet 字体的无衬线字体堆栈： Segoe UI, Canadara, BitstreamVera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, 无衬线字体

“视觉冲击”类无衬线字体堆栈：Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, Helvetia Inserat, Bitstream Vera Sans Bold, Arial Black， 无衬线字体

Monospace 字体堆栈：Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,