网页设计 百分网手机站

网页设计字体基础篇

时间:2020-10-03 09:33:41 网页设计 我要投稿

网页设计字体基础篇

  一个非创意性质的网页,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。下面小编为大家整理了网页设计字体基础篇,希望能帮到大家!

  注:以下内容只针对英文字体

  字体之间最大的差异在于字体与字体之间,形体的差异。但是很多字体(特别是英文字体)之间,差异不大,有些新字体甚至是对已有字体进行了细微的改造后产生的。于是,就把字体分成了五个系列:衬线字体(serif)、无衬线字体(sans-serif)、等宽字体(Fixed-width Fonts)、仿手写字体(Cursive Fonts)、装饰用字体(Fantasy Fonts)。

  1、衬线字体

  「衬线」指的是是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同,所以「衬线」又被称为「字脚」。

  优点:衬线字体容易识别,它强调了每个字母笔画的开始和结束,因此易读性比较高,在整文阅读的情况下,适合使用serif字体进行排版,易于换行阅读的识别性,避免发生行间的阅读错误和产生视觉疲劳。相对于衬线体的机械冰冷,而衬线字体更为严肃庄重,更具有温度,古典的美感。所以在书籍、报纸和杂志中大段落文字的排版,衬线体始终占据着压倒性的优势。

  2、无衬线字体

  无衬线体(Sans-serif)专指西文中没有衬线的字体,与汉字字体中的黑体相对应。与衬线字体相反,该类字体通常是机械的和统一线条的,它们往往拥有相同的曲率,笔直的线条,锐利的转角。

  优点:因为无衬线的字体结构简单,在同等字号下,无衬线的字体看上去要比有衬线的更大,结构也更清晰,所以在分辨率较低的电子屏幕,和移动设备上无衬线体有着很明显的优势。因为天然的技术感和理性气质,无衬线字体多为科技型企业所青睐。

  3、等宽字体

  等宽字体(monospaced font)是指字符宽度相同的电脑字体。在传统西文印刷中,比例字体可以提高单词的可读性。但因早期的电脑显示器、打字机,由于技术的局限,无法进行字母宽度的比例调整,因此将每个字元都制作成一样的宽度,从而形成了等宽字体。

  优点:精确性高,多用于程序编程。由程序猿的'工作特性:编写代码。编写代码这种工作具有一个其他文字工作所不具有的特殊要求:就是编写出来的代码要求在每一个单个字符的级别上做到100%的精确性。

  4、仿手写字体

  仿手写字体(Cursive Fonts)顾名思义就是模仿手写字体。手写体,比较个性,通常用于标题、Logo等等。手写体是一款优点和缺点都比较明显的字体。

  优点:特征比较明显、风格多样化、字体连贯流畅、观赏性极佳,具有一定的艺术性。多用于节日,艺术性,个性化企业等网页。

  缺点:就是字符占位比较大,识别困难。不利于阅读,字体文件相对比较大,影响网页加载速度。

  5、装饰用字体

  装饰用字体。多数用于标题,极具个性。

  装饰用字体极具个性,字体繁多,艺术字体无法对其的大小、形状下一个统一的定论,所以没有默认字体,实用性差,在网页中,也通常很少用到,除非你有特殊的用处创意性的设计。

【网页设计字体基础篇】相关文章:

网页设计中的字体设计12-01

网页设计字体设计规范11-28

网页设计中字体规范11-20

网页设计之字体设计规范09-28

网页设计配色及字体规范09-22

网页设计中字体规范总结09-19

网页设计中字体应用的技巧11-22

网页设计字体组合的黄金规则10-27

网页设计中怎样选择合适的字体09-21