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

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

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

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

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

粗与细

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

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

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

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

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

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

曲与直

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

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

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

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

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

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

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

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

松散与严谨

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

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

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

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

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

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

简与繁

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

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

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

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

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

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

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

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

工具

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

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

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

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

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

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

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

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

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

借代

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

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

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

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

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

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

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

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

99%的人还看了以下文章

  • 1秒学会两点透视绘图技巧

    三点透视是一种绘图方法,一般用于超高层建筑,俯瞰图或仰视图。第三个消失点必须和画面保持垂直的主视线,必须使其和视角的二等分线保持一致。 (二点透视)就是把立方体画到画面上,立方体的四个面相对于画面倾斜成一定角度时,往纵深平行的直线产生了两个消失点。 建筑绘画的两点透视要比三点透视还要难以掌控,Anatoly Reza Pahlevi 为我们展示了他的独门绝技…

    2018年7月14日 网页设计
    5.9K0
  • 网页设计之前端开发工具和学习资源大全(精)

    前端文档 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程:https://zh.javascript.info/ 阮一峰 JS教程:https://wangdoc.com/javascript…

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

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

    2018年2月19日
    6.7K0
  • 网站设计的七个步骤

    一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 初学网页制作从这里开始 …

    2020年6月13日
    2.4K0
  • web前端工程师需要掌握哪些知识,0基础学习Web前端课程大纲

    想从事Web前端开发,需要掌握哪些知识? 中文网页设计网今天给大家分享0基础学习Web前端的课程大纲,从入门到精通,帮助你快速成长为Web前端工程师。 Web前端基础课程大纲 第一阶段:HTML+CSS 第二阶段:JavaScript基础知识 第三阶段:DOM、BOM与事件 第四阶段:面向对象与数据交互 第五阶段:JavaScript实战 第六阶段:数据类型…

    2018年10月24日
    2.3K0

发表回复

登录后才能评论