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

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

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

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

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

粗与细

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

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

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

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

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

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

曲与直

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

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

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

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

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

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

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

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

松散与严谨

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

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

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

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

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

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

简与繁

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

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

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

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

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

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

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

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

工具

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

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

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

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

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

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

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

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

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

借代

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

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

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

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

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

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

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

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

99%的人还看了以下文章

  • 网页设计技巧:3步提升网页品质

    网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质,特别是活动或专题页面的视觉效果,请学习网页设计师必须知道的设计技巧:减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的,这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前,进行网页分区前所要做的信息消化。比如我们希望…

    2019年2月21日 网页设计
    3.3K0
  • 3分钟学图片版式设计:K先生的版式平衡与构图实战

    条理清晰,通俗易懂的图片版式设计教程。

    2018年1月23日
    3.3K0
  • 设计师必收藏的22个设计素材网站

    设计素材,是设计师创意的利剑。中国网页设计对素材门户网站进行整理,给广大设计师推荐国内最好的22个设计素材网站

    2020年2月23日 网页设计
    9.8K0
  • 赞!前端工程师应该具备怎样的能力和素质

    前端工程师应该具备怎样的能力和素质? 技术功底、技术视野、技术追求 除了开发业务功能外,还需要对开发规范、工程化、组件化、模块化、测试、设计模式有一定的认知和实践 沟通表达能力、书面表达能力、总结复盘习惯 全局思维、抽象思维、持续交付意识 项目一号位担当,团队协作意识 综合权衡:成本、效率、质量、风险、体验 关注产品、设计、商业等各个领域。交叉学科会带来更多…

    2023年1月18日
    1.8K0
  • Table布局 VS Div+CSS布局,选哪个?

    Table布局 和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章《为什么我们不建议用Table布局》,又想发表下自己的见解,供初学网页制作的新手参考。 《为什么我们不建议用Table布局》节选: Table要比其它html标记占更多的字节。 (延迟下载时间,占用服务器更多的流量资源。) Tablle会阻挡浏览器渲染引擎的渲染顺序。 (会延迟页面…

    2018年12月21日
    2.8K0
  • 制作网页,你需要掌握以下知识

    推荐:如何制作网页,网站制作流程 HTML(超文本标记语言):HTML是用于构建网页结构的标记语言。你需要学习HTML标签、属性和元素的使用,了解如何创建网页的基本结构、标题、段落、链接、图像等。推荐学习:Html入门教程(零基础)、跟永哥学HTML5 CSS(层叠样式表):CSS用于为网页添加样式和布局。你需要学习CSS选择器、属性和值的使用,了解如何设置…

    2023年10月4日
    1.2K0

发表回复

登录后才能评论