网页设计字体篇:字体的性格

优秀的字体远在读者理解句意之前就通过字形与笔画风格将情感传达给读者,传情达意正是字体设计的意义所在

网页设计字体篇:字体的性格

我们常用“字如其人”来形容一个人的字迹,也就是说一个人的性格和阅历会投射到文字上。而字体正是文字的性格,是文字表意功能之上的美学体现。优秀的字体远在读者理解句意之前就通过字形与笔画风格将情感传达给读者了,所谓“未成曲调先有情”,传情达意正是字体设计的意义所在。

千人千面,每个人的性格都不尽相同,字体也是如此。蔡邕的《笔论》中讲到:“若虫食木叶,若利剑长戈,若强弓硬矢,若水火,若云雾,若日月”说的便是字体的变幻无方。字体的性格多种多样,具体便体现在不同的笔画粗细、线条曲直、架构疏密等方面。接下来我就从这些维度来粗浅地分析一下字体的性格。

粗与细

笔画粗则浑厚、浓重、有力,如雷霆万钧;笔画细则单薄、轻巧、纤弱,似弱柳扶风,这是一种最直接粗浅的观感。

网页设计字体篇:字体的性格

粗笔画字体在排版上会形成高密度的文本块,这是因为笔画加粗,字体的负空间就会减小,视觉面积加重,产生一种压迫感,进而形成视觉重心,产生强调的作用。所以粗体字经常用于标题和标语上,占据显眼的位置,产生强调的作用。

网页设计字体篇:字体的性格

如果说粗体是彪形大汉的一声断喝,那么细体则是小家碧玉的吴侬软语,娓娓道来。细笔画字体在视觉面积上较淡较轻,缩小了视觉面积后,笔画负空间增大,结构显得疏朗清透,较小的视觉分量亦不会让读者产生压迫感。

网页设计字体篇:字体的性格

曲与直

字体笔画的曲直走向赋予了字体力量和弹性。直线是峭壁、落石、参天古木,或是茫茫平野、千里阵云,直来直往的线条代表了坦荡、干脆、果敢,但也可能意味着死板与偏执。直线赋予字体的是一种阳刚的气质,那么曲线就代表了阴柔的一面。曲线是柔丝、浮云、蒲柳,是九曲回肠,更多了一分包容与婉转。

网页设计字体篇:字体的性格

绝大多数字体并非是由单纯的直线或者单纯的曲线构成,横竖为直,撇捺为曲,有曲有直才显得刚柔并济,有力量,也有弹性。比如北魏楷书起笔处与转折处皆如削金断玉,干脆利落,整个字体也就显得挺拔刚健、英气勃勃,在撇与捺处又有优美的曲线,多一分圆润,也就多一分飘逸灵动。

网页设计字体篇:字体的性格

而超刚黑则是一款典型的纯直线型字体。粗壮的笔触加上凌厉的线条,使字体有着一种不容置疑的坚决态度,去掉了曲线,也就没有了一丝回旋的余地。

网页设计字体篇:字体的性格

任何理论都会有特例的情况,比如说铁筋隶书虽然绝大多数笔画都是曲线,却处处透着力量感。虽纤细如线,却刚劲如铁。本质上就是因为它的弧度都是有弹性的,将弧度加入横画,非但不减刚劲,反而会有一种反弹的力道。

网页设计字体篇:字体的性格

松散与严谨

日常生活中的文字书写显得轻松活泼,有一种随性不羁之美。而文字书于庙堂、铸于钟鼎,或者付梓成书、传于后世,则是有一种严谨端庄的美。其本质的区别则是结构的松散与严谨之分。

网页设计字体篇:字体的性格

天真活泼是少年心性,儿童的世界没有太多的规则约束,儿童的字体也显得稚嫩活泼。所以结构松散的手写体经常运用在儿童题材或者轻松诙谐的阅读环境。

网页设计字体篇:字体的性格

楷书顾名思义有楷模之意,方正俊雅,法度精严。它也象征着传统儒家文化中为人的标准,品行端方,刚正不阿。所以结构严谨的楷书常用于庄重的书体或者碑铭。

网页设计字体篇:字体的性格

简与繁

这里所说的简与繁并不是简体与繁体,而是笔画细节的复杂程度。具个最简单的例子,衬线体相对来说要比非衬线体细节复杂一些,宋体也比黑体复杂一些。正如花纹繁复华丽是古典家具的典型特征,简洁实用的宜家家居是现代生活的典范一样,字体的繁复与简单一定程度上也代表着古典与现代走向。

网页设计字体篇:字体的性格

网页设计字体篇:字体的性格

Trajan Pro是一款古罗马风格的字体,衬线处细节丰富弧度优雅,线条粗细程度不一,最初是刻在古罗马的石柱上,有着浓厚的历史沉淀,因此常用作古典题材的电影海报。

网页设计字体篇:字体的性格

网页设计字体篇:字体的性格

Helvetica被视为现代主义在字体设计界的典型代表,是一款经典的无衬线字体,剥除了多余的细节,以标准的几何形体做结构。反而是这种没有任何风格的字体形式成为了一种风格。越简约,越现代,因此常用于现代企业的logo设计、杂志排版、导视系统等

网页设计字体篇:字体的性格

工具

不同的书写工具会赋予字体不同的性格,毛笔赋予字体丰富的质感和多变的线条,或婉若游龙,或势若雷霆。

网页设计字体篇:字体的性格

毛笔赋予了字体柔美温润的特性,刻于碑石上便又融入了刀法的特点,线条便又有了锋芒。

网页设计字体篇:字体的性格

甲骨文和金文属于同时代的字体,但是甲骨文需要在卜卦之后迅速刻在龟甲上,有一种率性不拘的美。而金文要铸造在青铜器,置于庙堂之上,所以结构严谨规整,有一种庄严神圣的意味。工具载体不同,风味也不一样。

网页设计字体篇:字体的性格

现代电脑辅助制图赋予了字体线条的精确性,组成部件的标准化,使字体有了现代时尚的特性。但比之其他工具又少了一些质感和灵动性。

网页设计字体篇:字体的性格

所以字体设计并不局限于电脑屏幕或者纸笔,去尝试不同的工具就有无尽的可能性。

借代

汉语中经常会有借代的手法,巾帼指代女性,须眉指代男性,是一种高度概括的手法。汉字是象形文字,“山水日月风雨雷电”皆是对自然万物高度的象形概括。现代的字体设计又在基本的字形之上将其他事物的特性融入到字形中,这也是一种常用的字体设计的手法。

剪纸体将民间传统的剪纸艺术融入了字体中,角度错落,笔画之间做了粘连处理。不规则的线条显得俏皮、轻松,又掺杂了一些民族风格。

网页设计字体篇:字体的性格

电影《可可西里》将藏文字体的风格融入了中文字体中,使得字体有了一种异域风情。

网页设计字体篇:字体的性格

借代是将一件事物的性格借到设计中,常常会成为一件作品的点睛之笔,处理得当将会有四两拨千斤的效果。善用借代也是给字体更多可能。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/3967.html

(0)
江山如画的头像江山如画管理团队
上一篇 2019年10月23日 上午9:29
下一篇 2019年10月23日 下午2:06

99%的人还看了以下文章

  • 毛笔字生成器,毛笔字在线生成网站

    125网页设计今天给大家推荐几个毛笔字生成器,毛笔字在线生成网站: http://www.51poca.com/ http://www.epinv.com/online/ http://www.akuziti.com/mb/ 毛笔字改造使用方法 将下载下来的字体图片AI转路径,编辑文字。 首先使用在线生成器输入选择好你需要的文字字形,将文字图片拖至AI中。 …

    2019年1月5日 网页设计
    8.4K0
  • 网页设计师必须知道的八大前端核心知识

    前端入门核心知识点 浏览器 Web标准:结构标准(HTML)、表现标准(CSS)、行为标准(JS) 浏览器分为两部分:渲染引擎(即:浏览器内核)、JS 引擎 浏览器的工作原理:重绘和重排、V8引擎 App的WebView容器,相当于浏览器,可以内嵌H5网页 HTML5 语义化标签:<header>、<article> 、<foo…

    2023年1月18日
    2.4K0
  • 网页制作常用特殊符号大全

    网页常用特殊符号大全-最全的网页制作特殊符号。在做网页时经常会用到一些特殊符号,本文汇总了所有常用网页制作时用到的特殊符号包括18禁、爱心符号、货币符号、箭头符号、日语字符、 皇冠符号、emoji符号等。

    2018年2月19日
    6.8K0
  • 网页制作实战项目八:川厨小巷

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 川厨小巷 【上机目的】 1 、掌握网页布局的方法和技巧 2 、掌握行为的使用 3、掌握javascript(网页特效)的使用 4、培养团队意识和协作精神 【上机重点】 1 、网页布局 2 、javascript(网页特效)的使用 【上机难点】 javascript(网页特效)的使用 【上…

    2018年5月31日 网页设计
    6.3K0
  • 第2章HTML基础

    HTML的基本结构
    HTML语言的语法
    HTML语言的常用标记
    HTML 5新增结构元素

    2018年3月16日
    2.5K0
  • 网页设计中的字体选择以及常用字号

    网页设计中的字体 中文:宋体,微软雅黑,方正系列(无状态) 英文: Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。 Lucida Grande:是Mac OS U…

    2019年10月22日
    5.8K0

发表回复

登录后才能评论