设计理论:衬线字体

在字体排印学里,衬线指的是字母结构笔画之外的装饰性笔画。有衬线的字体叫衬线体(serif);没有衬线的字体,则叫做无衬线体(sans-serif)。

2007年摄于里昂古罗马半圆形剧场遗址(约公元前43年),从保留的石碑我们可以看出,1)所有的字母都是大写的,2)衬线是如何被“雕刻”出来的

历史学家们认为衬线体来自于古罗马的石刻碑文。对于这些装饰性的笔画为何会产生,起的何种作用,一直存在着争议。大多数人所接受解释来自 Edward Catich 神父,他在1968写了《The Origin of the Serif》一书,认为罗马字母最初被雕刻到石碑上之前,要先用方头笔刷写好样子,雕刻的工匠之后照着写好的样子雕凿而成。由于直接用方头笔刷书写会导致笔画的起始和结尾出现毛糙,所以在笔画开始、结束和转角的时候增加了收尾的笔画,也就自然形成了衬线。雕刻匠人照写好的字雕刻,就形成了所谓的“serif” 。

放大看这个字母“T”,我们可以看到,衬线最终是如何在工匠的雕刻刀下诞生的(注意看左图我标注的切刻方向)

单词“serif”的词源不可考,大致和拉丁文字形成字体风格同时产生。1813年,William Hollins 在英国的国家标准中,统一了英语大写字母表和罗马字母表 I。他定义了术语“surripses”,通常发音为“surriphs”,意思是“在除了字母 O 和 Q 之外,在字母笔画的头和尾出现的突出部分,有时在笔画的起始,有时在结尾,有时同时出现”。 这个标准同时也指出,单词“surripses”可能源自希腊单词 συν(在一起)和 ριψισ (突出的部分)的组合。1827年,一个希腊学者 Julian Hibbert 印制了他自己的实验性质的安塞儿大写希腊字体。他认为碑文字母的衬线,与其说是一种装饰,更像是随着自然老化而形成的磨损。他还认为,“serif”的词源应该是“syrifs”或者“cerefs”。

牛津英语词典中,“serif”的相关引文最早出现在1830年;“sans serif”的条目则现于1841年,写为一个单词:“sanserif”。牛津英语词典认为,单词”serif”在构词法上是对”sanserif”的一个反构。韦式第三版新国际词典则认为,“serif”源自荷兰语的“noun schreef”,意思是线条、落笔的划线。在荷兰语中,“Schreef”和来自动词“schrappen”(删除,划去),意思等同于“serif”。无衬线体(sans-serif)中的 sans 是法语单词,意思是“没有”。在德国,无衬线体被叫做“Grotesk”(荒唐的)。对应的英语单词“grotesque”,最早出现于1875年的牛津英语词典,是碑文字体的同义词。也指“不寻常”的意思。在艺术领域,“grotesque”指“精巧的装饰”。其他同意词包括“Doric”(多立克式的,古希腊的一种柱式)和 “Gothic”(哥特的)。日本人在命名无衬线体的时候,就称为 Gothic 字体。

普遍认为,在传统的正文印刷中,衬线体能带来更佳的可读性(相比无衬线体),尤其是在大段落的文章中,衬线增加了阅读时对字母的视觉参照。而无衬线体往往被用在标题、较短的文字段落或者一些通俗读物中。相比严肃正经的衬线体,无衬线体给人一种休闲轻松的感觉。随着现代生活和流行趋势的变化,如今的人们越来越喜欢用无衬线体,因为他们看上去“更干净”。有调查显示,欧洲人对于无衬线体的接受度略高于北美,在书籍、报纸和杂志中大段落文字的排版,衬线体始终占据着压倒性的优势。

尽管衬线体来自于碑刻字体,但是在手写字母的时候,人们却并不习惯于加上那些衬线。唯一的例外是大写的 I,加上了衬线以和小写的 L 区分,数字1和7在手写的时候之间也常用衬线加以强调和区别。、

衬线字体的分类有

  • 旧式风格(Old style)代表性的有:Adobe Jenson、Janson、Garamond、Bembo、Goudy Old Style 和 Palatino
  • 过渡风格(Transitional)代表性的有:Times Roman、Baskerville
  •  现代(Modern)代表性的有:Didot、Bodoni
  • 粗衬线(Slab Serif)代表性的有:Rockwell

参考

  • Wikipedia
  • ‘Don’t Be Afraid of Serif Fonts’,by David Rodrguez
时间: 2024-11-01 08:45:38

设计理论:衬线字体的相关文章

艺术设计理论:字体设计三步搞定

文章描述:艺术设计理论:字体设计三步搞定. 字体设计三步搞定: [1] [2]  下一页

用户体验:关于设计理论和设计术语

网页制作Webjx文章简介:关于设计理论和设计术语. 这几日的工作,涉及到很多会议. 也就涉及到很多人,很多意见,很多碰撞,很多思辨. 关于项目本身的不再多说,目前也不适合分享. 倒是有一些题外话,虽然和具体项目无关,但是会影响我们工作和沟通的效率.据我来看,也是很有意思的话题. 其中有些话: 功能性导航.全局性导航,我们是不是太扣字眼了?用户真的会关心什么是功能性导航,什么是全局性导航吗? 我们用这些原则来指导我们的工作,是不是太僵化了? 我们为什么先分析别的网站去找出这些规律,真的有用吗?我

javascript-css类名语义化,相对的设计理论是谁在推崇?

问题描述 css类名语义化,相对的设计理论是谁在推崇? bootstrap的css类名,是语义化风格国内有一些关于是否应该语义化的争论我想问,反对语义化,而支持写成.font16 .red这种类名的,是哪些框架在这样实践? 解决方案 web标准都讲求语义化,利于SEO优化 解决方案二: web标准都讲求语义化,利于SEO优化

photoshop设计理论让背景突显主体分享

给各位photoshop软件的使用者们来详细的解析分享一下设计理论让背景突显主体. 解析分享:   @豪斯K先生 :在平面设计中主体与背景就像是主角与配角的关系,可以说一部好的电影一定是主角与配角相互搭配共同完成的,同样道理,设计中的主体与背景就是这样的关系,背景烘托主体,主体映衬背景,那么怎样利用背景让主体明显,就是我们这篇文章所要阐述的内容. 第一部分:背景的大致分类 设计中的背景大致可以分为纯颜色.场景.渐变.肌理.图形五大类别,下面我就针对这五大类分别举例说明.   纯颜色背景不是指纯度

设计理论:设计师要有自学能力

基本上现在新加我IM,或者发"沟通"邮件的朋友只干两件事情: 1. 直接找我要UI设计教程,最好还是我自己写的 – 对于这个要求,我建议大家买我的书就好了(我无耻的再广告下,今年10月份<UI进化论-移动设备交互界面设计>就会上市了,仍然是清华大学出版社发行),或者等到我们重新制作aboutcg的视频教学的时候再发:一个设计师一辈子其实能做的,能讲的,能写的内容是有限的,都这么无私的奉献了,我也不能保证那些东西的质量,而且我还得遵守出版社的利益与合同: 2. 问各种设计方面

网页banner设计理论:工作中对banner设计的理解

网页制作Webjx文章简介:Banner广告条中的字体设计. 由于banner一般用于专题类网站,在门户网站的二级页面,用户进来之前,在首页已经对主题有一定的了解和认识,所以banner的作用是在二级页面中起到包装页面的同时增加内容的趣味度和内容方向引导:所以这也是和传统广告中普遍要求第一感官视觉冲击力来强奸眼球所不同的地方 本来想写"Advertisemen中的字体结构分析",后来发现这个标题写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工

图标设计理论:多形态标志是未来趋势

文章描述:标志在表现形势上值得瞩目的就是"多形态"标志的不断涌现. 近年来,标志在表现形势上值得瞩目的就是"多形态"标志的不断涌现. 但要首先明确一下, 有些人会将部分这类标志称作"动态标志",但这与我们本文所探讨的并不完全一致,因为,我们所说的"多形态",更多的是指标志形象的表现形式与传统的静态标志相对的一种形态,它的表现形式是不固定的,流动的.因为这里涉及到一点:并非所有"动"的标志,都是我们本文所指的

设计理论:网站首页设计需要突出主题思想

网页制作Webjx文章简介:设计网站首页的技巧总结. 首页设计,需开宗明义突出主题 开宗明义,无论是对于一篇文章.一场会议或一部专题片,还是对于一个网站来说,都是必不可少的.那么能为一个网站开宗明义的地方(标签)就是Title(标题)和Description(描述.副标题),而能够为Title和 Description提供进一步诠释的就是网站的首页. 展示哪些信息 页面的重要性是建立在它所呈现信息的基础之上,反过来说,页面要向用户展示哪些信息是决定其重要与否的首要指标.在网站页面中,网站标题.副

设计理论:色彩是网站的最重要的一个部分

色彩是您的网站的最重要的一个部分. 然而,颜色往往只是通盘决定之后的马后炮,有时候甚至被不管不顾.这样可不行.色彩帮助用户解读信息.   这张照片的颜色感觉如何?这些烟花感觉喜庆吗? 照片 来自 expressmonorail . 色彩是您的网站的最重要的一个部分. 然而,颜色往往只是通盘决定之后的马后炮,有时候甚至被不管不顾.这样可不行.色彩帮助用户解读信息.说得复杂一点,大多数人对网站用色的评判是在下意识里完成的.他们可能不会说出对色彩的意见,但他们潜意识里对此很介意. 有时候,你会因为颜色