网页设计中字体的应用 文／蜀倩 摘要：本文介绍了字体的五种分类，分别从创意性和实用 的字体等，都可以算作手写字体。 性两方面总结了网页设计中字体选择和排版的经验，为网页设 Ｄｅｃｏｒａｔｉｖｅ：装饰字体。有趣也很特别，可以表达鲜明 计的学习者和工作者提供一定的参考价值。 关键词：网页设计；字体；创意性；实用性 引 我们在做网页平面设计时一般考虑三个大的方面，一是颜 色的搭配要符合网站的风格，二是整体的布局要合理规划，三 就是文字的排版。实际上文字的排版是非常重要也是非常体现 网站视觉水平的一大部分。早在２００６年，Ｏｌｉｖｅｒ Ｒｅｉｃｈｅｎｓｔｅｉｎ写 了一篇名为《Ｗｅｂ Ｄｅｓｉｇｎ ｉｓ ９５％Ｔｙｐｏｇｒａｐｈｙ》…的文章用来 阐述文字排版对网站设计的重要性，甚至可以说文字本身就是 种完整高效的交互设计。关于这点，许多优秀的网站做出了 范例，比如：Ａ Ｗｏｒｋｉｎｇ Ｌｉｂｒａｒｙ、Ｂｌａｃｋ Ａｌｌｅｎ Ｄｅｓｉｇｎ还有ＩＡ公 司（最受欢迎的写作软件公司）的网站设计都是杰出的例子。 １、字体的分类 当前有成千上万种字体，每天还会产生更多，大致可以分 为以下六种： Ｏｌｄｓｔｙｌｅ：基于手写体创建，Ｏｌｄｓｔｙｌｅ字体都有截线并且 小写字母截线都有角度，所有曲线笔画都有从粗到戏的过渡变 化，粗细变化平缓，这种字体基本上没有什么显著的特征，不 会影响人们的注意力，所以如果设计时需要的是阅读者专注于 文字本身，可以考虑使用Ｏｌｄｓｔｙｌｅ字体。常用的典型ＯＩｄｓｔｙｌｅ字 体有Ｔｉｍｅｓ Ｎｅｗ Ｒｏｍａｎ、Ｇａｒａｍｏｎｄ等。 Ｍｏｄｅｒｎ：有截线但是是水平的而且非常细，笔画粗细对 比非常明显，不符合手写的规律，强调线完全垂直，外观很醒 目，特别是设置得非常大的时候给人一种冷酷高雅的感觉，这 种字体不适合做正文，只适合做标题。经典的Ｍｏｄｅｒｎ字体包括 Ｄｉｄｏｔ（Ｖｏｇｕｅ杂志用ｌｏｇｏ）、Ｂｏｄｏｎｉ等。 Ｓｌａｂ ｓｅｒｆ：最开始制作广告的人热衷于Ｍｏｄｅｒｎ字体，并 把粗线设置得更粗，后来为了解决看上去像栅栏一样的问题， 将整个字体都加粗，这就出现了粗线对比小很多的Ｓｌａｂ ｓｅｒｆ字 体，该字体可读性较好可以显示大量文本，但是设置成这种字 体后页面较暗，由于它简洁直观经常用在儿童读物中。典型的 字体包括Ｃｌａｒｅｎｄｏｎ、ｂｌａｃｋ等。 ｓａｎｓ ｓｅｒｉｆ：无截线字体。Ｓａｎｓ在法语中含义是“没有”， 所以ｓａｎｓ—ｓｅｒｉｆ是没有截线的意思，也就是整体笔画整体光滑无 棱角，无粗细过渡，该字体给人感觉很亲切友好，比如ｇｏｏｇｌｅ 主页也将标志也将原有的截线字体改为无截线字体。典型的 ｓａｎｓ—ｓｅ ｒｉｆ英文字体包括Ａｒｉａｌ、ｂｏｌｄ等，中文字体中，微软雅 黑、幼圆等都是这类字体。比较适合用在网页中文字较多部 分，让浏览者获取大量信息而不至疲劳。 Ｓｃｒｉｐｔ：手写字体。这类字体特点很明显，一看就是手写 风格，Ｓｃｒｉｐｔ字体就像奶油要少用，多用觉得腻，不能将网页中 的大段文字设置成手写体，而且绝对不能全部设置成大写。典 型的英文通常用Ｓｅｇｏｅ Ｓｃｒｉｐｔ，中文的话，行书系列、草书系列 的情绪，也不能多用，否则让人感觉不上档次。无法对其的大 小、形状下一个统一的定论，所以没有典型字体，在网页中通 常很少用到，除非有特殊的创意性设计。 ２、字体选择的创意性 文字的版式设计，不仅仅局限于信息传达上的概念，更是 一种高尚的艺术表现形式和情感的表达。为了能让文字的编排 风格和画面主题保持一致选择何种字体以及几款字体的组合我 们都要多做比较和尝试。在字体选择上我们从创意性和实用性 两方面来考虑。创意性在于怎样选择字体可以使得文字和主题 更好搭配，甚至文字能进一步突出主题，表达网站的目的，为 此本文总结了几种不同字体的试用范围供大家参考。 １）中文字体一黑体。包括但不局限微软雅黑、方正兰亭 黑体、蒙特简黑、造字工房黑体。此种黑体的艺术风格为：方 正、简洁、醒目。试用范围：粗黑体字强壮有力有男性特点， 适合汽车、手表、建筑、打斗等内容，可作为标题。细黑体字 高雅细致，有女性特点，适合服装、化妆品、食品等行业内 容，也可作为正文使用。 ２）中文字体一宋体。包括但不局限于方正书宋、方正标 宋、方正宋黑、创意简标松、造字工房尚雅宋体。它的艺术风格 为端庄、典雅、清正、秀丽。适用范围为行业、文化艺术 等。根据实际情况运用于时尚类设计、饮食文化、养生生活等。 ３）中文字体一幼圆。包括有方正；隹圆简体、方正细园简 体、造宇工房悦圆体和造字工房雅圆体等。艺术风格细长细 腻，不太适合用在比较严肃和正式的场合。 ４）中文字体一书法体。包括方正楷体、方正隶书、方正魏 碑简体、叶根友毛笔行书等。此字体书法韵味浓厚，带有书卷 味、古色古香。适用于中国风页面，不适合大篇幅使用。 ５）英文字体一无截线字体。包括Ａｒｉａｌ、Ｔａｈｏｍａ、Ｈｅｌｖｅｔｉｃａ 等。这种字体给人一种简单、现代化、休闲轻松的感觉。适用于 扁平化设计，也适合搭配任何设计项目，包括ｂａｎｎｅｒ、平面设计 以及网页字体等。 ６）英文字体一ｍｏｄｅｒｎ字体。包括Ｄｉｄｏｔ、Ｔｈｅ Ｔｉｍｅｓ ｎｅｗ ｒｏｍａｎ、Ｇｅｏｒｇｉａ等。此种字体风格优雅又精致，可用于电影海 报、游戏、时尚类网页设计中。 ７）英文字体一ＶＶ手写英文字体。有Ｅｘｍｏｕｔｈ、Ｉｔａｌｉａｎｎｏ 等。此种字体飘逸优雅，适用于珠宝、服饰类网站，还可以用 于制作一些精美的贺卡、邀请函、婚礼请柬等。 ３、字体选择的实用性 网页设计中在Ｂａｎｎｅｒ窗口可以使用一些很有个性的字体， 在正文部分要避免使用那些有个性的字体，因为访客的终端上很 可能没有安装那些特殊字体，那样会导致内容无法显示，所以英 文常用的字体也就是Ｔｉｍｅｓ Ｎｅｗ Ｒｏｍａｎ、Ａｒｉａｌ和Ｖｅｒｄａｎａ。 在使用中文字体时基本上选择Ｗｉｎｄｏｗｓ系统自带的，包括 （下转第６７页） ＥＤ１Ｅ．Ｄ１ 一 ＪＩ＿１。＿＇－ －￣ＨｌＲＥＨＳ ６３
