加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

字体的性格和气质

(2018-11-20 14:26:51)
分类: 网络知识整理
设计师在项目设计中要时刻与字体相伴,千人千面,每个人的性格不尽相同,字体也一样,有不同的性格和气质。选择字体时,除了考虑它的易读性,还要字体与产品的气质相符。

西方语系字形

1、衬线体

衬线体有爪形的装饰性衬线,并且笔画粗细有变化,可以追溯到古罗马时期的石柱铭文。风格传统、古典、正式、华丽、高雅,具有历史传统和意义。

按照历史发展顺序,可分为:
  • 古罗马体(Old roman)
  • 旧风格字体(Old style)
  • 过渡字体(Transitional)
  • 现代字体(Modern)

在整个衬线体发展中,笔画对比越来越强烈,衬线越来越尖锐纤细,强调线的倾斜角度逐渐被扳直。
(主要原因是刻字师傅的技术越来越进步,刻工变得细腻,使得精确的线条、更精细的粗细对比成为可能,强调线扳直,是手工书写向现当代排版印刷转变的一种表现)

以古风格字体与现代字体为例:


古风格字体:是基于手写体创建的,传统、亲切,常见于书籍、报章杂志的内文排版
  • 笔画像是用毛笔或钢笔写出来的;
  • 对角强调线;
  • 倾斜、括弧型衬线;
  • 较缓和的粗细过渡;

现代字体(Modern):横平竖直,现代感,高冷。有着锐利的工业感,同时保留着传统的衬线元素,显得现代而优雅,非常适合时尚工业

  • 垂直强调线;
  • 水平、极细衬线;
  • 强烈的粗细对比;

衬线字体的情绪轴

 
根据衬线的变化分为:
  • 支架衬线体:有特定曲线的衬线;
  • 发丝型衬线体:由细直线构成,给人现代感;
  • 板状衬线体:衬线比较粗厚,衬线和字粗相似,几何与直线给人现代、年轻感,但又不像mordern的精细,跟modern相比,又比较亲和;


2、无衬线体

无衬线体抛弃装饰衬线,只剩下主干,笔画粗细对比小,具有现代感

无衬线字体分为4类:早期的无衬线体(Grotest)、新无衬线体(Neo-Grotest)、几何无衬线体(Geometric)、人文无衬线体(Humanist)

2.1、新无衬线体(Neo-Grotest)

代表字体是广为人知的Helvetica。整体感觉是简洁、清晰,没有手工感,非常冷静的字体。
  • 切口齐平,笔画始终以水平或的垂直收尾;
  • 顶部平坦;
  • 方形点;
  • a的负空间呈水滴型;


2.2、几何无衬线体(Geometric)

代表字体是Futura。所为几何就是讲字母归纳为圆、方、三角等几何形状的字体。

  • 顶部和底部尖锐;
  • 字母正圆处理;
  • 升部降部偏长,优雅;


Futura为了保持设计感,j、t省略了尾笔,可读性有问题,不适合内文排版,且个性鲜明,有点抢眼。如果喜欢几何无衬线体,但又想选择温和、可读性高的字体,可以尝试Avenir,他在设计时并拘泥于几何形式,而是以视觉为准,显得人文、柔和。


2.3、人文无衬线体(Humanist)

代表字体是Myriad。
  • 人文无衬线体的x-height相对较小,使整体更有韵律感;
  • e、s等字母收尾采用半包围结构,更开放,不如Helvetica全包围的那么拘谨,显得亲和随意;
  • 线条柔美,不是Helvetica的工程感,更流线型,具有一定的手写感;
  • 圆形点;

人文无衬线体的字体还有:Frutiger、segeo

3、Script
看上去是利用书法笔、书法刷、钢笔或专业笔手写的所有手写体字体都属于Script类字体。

 
4、Decorative
如果一本书全部使用这种字体,读这样的一本书让你很想扔掉,那一般就可以文卫这属于Decorative字体,Decorative字体有趣且特别,但使用有限制。
 
http://s12/mw690/001QjZSKzy7pGzeWfKH3b&690
 
东方语系字形

1、宋体

宋体字横线比较细,竖线比较粗,笔画结束的地方有个类似三角形,叫鳞。
宋体是一种古老的字体,有了近代印刷术后,就开始使用宋体,所以给人传统、文艺、历史的感觉,是具有文化气质的字形
宋体从传统型宋体开始,衍生出现代型字体,接着才发展出中间型字体,中间型字体的特征介意两者之间
 
宋体具有装饰性,表现出的气质更多,在文化、艺术、女性、美食等方面传达出的气质比黑体更加准确。


http://s15/mw690/001QjZSKzy7pF0Vnloyde&690
宋体的线条纤细,适合女性用品相关的行业

传统型宋体:
  • 像用笔书写出来的;
  • 笔画由微妙的曲线组成;
  • 笔画的粗细差异较大;
现代型宋体
  • 笔画的起笔、收笔是几何形的线条;
  • 笔画的粗细差异较小;

2、黑体

黑体的横线与竖线宽度几乎相同。给人现代感、时尚感的印象。
黑体也分为古典的传统型黑体,以及经过几何形修饰过线条的现代型黑体。

传统型黑体:
  • 字面与胸线较小,给人凝聚内敛感;
  • 线条为中间细、两端渐粗的笔画;
  • 起笔、收笔有用笔书写时加上粗略装饰感;

现代型黑体:
  • 字面和胸线较大;
  • 线条经过几何形修饰,简洁、现代;


楷体:书写出来的字体,文字结构完全没有被破坏,给人亲笔书写且正式的印象,充满古典意味,适用于表达乘以与认真态度的场合,如邀请函、简介等;
行书:以笔书写而成的字体,笔画稍微简化,属于快速书写的字体。
草书:书写速度更快,笔画简化更多,文字连在一起;
圆体:是黑体笔画两端改为圆形的的字体,给人温柔、可爱的感觉。


笔画的细节

粗与细
 
  • 粗线体——稳定、诚信、力量感、阳刚、男性、浑厚、粗犷、醒目;
  • 细线体——柔软、女性、高雅、简约、文艺、高端、精致、品质、轻巧、纤弱;
笔画变粗会形成高密度的文本块,负空间减少,视觉面积集中,文字变得厚重,阳刚、坚硬、力量、沉稳,形成视觉重心,产生强调感;

  • 如果笔画字重变化小,会给人一种均衡、规律并且一致的韵律,带给人稳定、可靠的感觉,常用于金融、安放等行业;
  • 如果笔画字重对比强烈,会带来跳跃的感觉,给人动感、轻松、前卫的感觉,常用于时尚行业。

笔画的粗细变化小,给人沉稳感

http://s15/mw690/001QjZSKzy7pttBCFTU6e&690
字重对比强烈,给人跳跃、轻松、时尚感

细笔画视觉面积较淡较轻,视觉面积小,负空间大,结果舒朗、清透、精致、高贵;
要想呈现高级感,文字周围要有留白,尽可能选用近乎无彩色,不给人鲜艳感的颜色



曲与直

  • 直线:代表坦荡、干脆、阳刚、尖锐、现代、刚硬
  • 曲线:代表阴柔、优雅、蒲柳、飘逸、灵动、柔软;

曲线

简与繁

衬线体比非衬线体细节复杂,宋体比黑体复杂,字体的繁复与简单一定程度上代表着古典与现代走向。
因为衬线体和宋体比无衬线体和黑体更加历史悠久,从铅字印刷时代便在使用,所以给人传统、正统、高格调的感觉,有历史的手写字也有传统感与高级感。

  • 结构简单、去除装饰要素的文字给人现代、简洁感
  • 笔画中有曲线,虽然可能曲线很小,有装饰性细节的字体给人古典、传统、高级的感觉。

提到传统感,非毛笔字莫属。在书法中,可分为“篆书”、“隶书”、“楷书”、“行书”、“草书”,合成“书法五体”。不同时代流行起来的文字,可以反映出该时代的风貌。如篆书、金文、古罗马体等

古罗马风格的字体
Helvetica字体


高与低

高挑的文字显得高挑、轻盈、优雅、时尚、文艺、秀气、女性化;
扁平文字重心偏低,显得沉稳、庄重、信赖、厚重、质朴;


松散与紧凑
字体的留白,也就是负空间较多,给人轻松、透气、舒缓、自由的感觉;
负空间被严重压缩,给人紧张、有力度、严肃的感觉




亲切与距离

没有边角的圆形,带给读者一种亲近感;

  •  笔画前端尖锐的直线型文字,给人距离感;
  • 笔画前端圆润的文字,给人亲切、柔和、可爱的印象;


字体搭配原则
一个页面/版面使用一种样式的字体往往不能满足需要,可能需要使用多种字体,字体也存在样式(大小、粗细、结构、外形、方向、颜色)的不同,各种元素要形成一种动态的关系,这种关系可以是协调有可以是对比,但是不能产生冲突

协调
如果只使用一个字体,在结构、大小、字体粗细等方面没什么变化,就会产生一种协调的感觉。
  • 好处是容易页面协调、安静、正式。
  • 坏处是太平静,容易变得乏味

冲突
如果使用多种字体,在结构、大小、字体粗细等方面相似,但又不完全相同,这种相似性就会造成困扰,就容易产生一种冲突的关系,除非你有高超的设计能力
例如,12号字和14号字大小差异不大,不足以形成对比,他们的相似性就容易产生冲突。例如,一个页面上使用两种serif字体,因为结构的相似性,就容易产生冲突,所以选择两种非常相似的字体放在一起,不是明智之举,他们的不同但相似的结构是容易产生冲突的,除非你有高超的排版技术


对比
如果字体、结构、大小、粗细等方面截然不同,就会出现一种对比关系。引人注目的设计往往包含大量的对比。要形成对比就要在对比的方面截然不同,否则不能产生对比,反而相似性会产生冲突。
常见的字体对比有:
  • 大小(文字的大小);
  • 粗细(笔画的粗细);
  • 结构(笔画粗细始终如一没变化还是有明显粗细过度
  • 外形(文字的形状。同一个字体大小写结构是一样的,但是他们的外形是不同的,如G和g);
  • 方向(文字的组合是横向的?纵向的?还是有一定角度的?);
  • 颜色;





0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有