马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 网站设计 > 如何个性化设计字体的风格?

如何个性化设计字体的风格?

时间:2014-04-24   文章来源:马海祥博客   访问次数:

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

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

1、粗与细

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

2、曲与直

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

3、松散与严谨

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

4、简与繁

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

5、借代

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

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

借代是将一件事物的性格借到设计中,常常会成为一件作品的点睛之笔,处理得当将会有四两拨千斤的效果。善用借代也是给字体更多可能,使文字阅读起来也更加舒适(具体可查看马海祥博客的《如何才能让页面文字阅读起来更舒适》相关介绍)。

6、工具

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

如何个性化设计字体的风格?-马海祥博客

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

马海祥博客点评:

字体设计是一项专业而复杂繁重的创造性工作,需要先让字体设计师从风格上进行统一,字符设计师细致的设计每个笔划,字体校对师对每个文字校对,然后让字体技术师对字体进行转换,以生成一个包含所有文字字符的字库,这个字库将包含所有有可能用到的字符大小写,数字,标点,符号,字体名称,字体标题,版权信息等。

当然,在进行平面设计的文字设计时马海祥建议大家要赋予文字以个性化、创新性,根据作品要表达的信息,突出文字不同一般的个性色彩,给看的人以不同寻常的视觉享受,这样的文字设计才能吸引人,才能被观众记住。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/wzsj/528.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 设计风格   个性化字体   字体设计   字体风格  

上一篇:如何设计标注一个网页的首屏线?
下一篇:全方位解析响应式网页的设计与应用

您可能还会对以下这些文章感兴趣!

  • 响应式网页布局的实现方法原理

    昨天我在马海祥博客上跟大家详细的介绍过《什么是响应式网页设计?》,我觉的响应式网页设计不仅仅是一种趋势,还更是一个新的设计解决方案!它有助于解决不同的分辨率和设备(台式电脑,笔记本电脑,平板,手机)相关的设计问题。既然是设计的问题,这里就会涉及到很多……【查看全文

    阅读:52335关键词: 响应式网页   响应式布局   响应式原理   响应式设计   日期:2013-09-17
  • 网站设计的重要因素及注意事项

    网站设计(Web Design)就是一个把信息需求转换成用软件网站表示的过程,就是指在因特网上,根据一定的规则,使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。网站设计的目的就是产生网站。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格……【查看全文

    阅读:1306关键词: 网站设计   网站设计因素   网站设计注意   日期:2012-10-05
  • 分享20个极简主义的网页设计风格

    极简主义的设计之所以总是流行,是因为他们一直用一些很简单的创意和资源去表达概念,网页设计的领域受极简主义设计的影响很大,许多有才华的设计师总是用几个简单的工具就设计出了不起的网站,比如字体和几何图形等元素。简约设计的优势不仅仅是其优雅的风格,也有在网页加……【查看全文

    阅读:718关键词: 极简主义   网页设计   设计风格   日期:2018-11-01
  • 基于页面易读性的文字编排设计要点

    文字的编排还应注意文字本身的格式效果。图文画面构成中,把不同重点的文字内容用不同的字体来表现,是设计中常用手法,如:行首的强调、引文的强调等。但字体过多画面就显得不安宁,字体过少又缺乏必要的生气,字体数量的多寡常暗示平面中核心内容的多少,所以我们要详……【查看全文

    阅读:760关键词: 易读性   文字编排   文字编排设计   设计要点   日期:2014-04-15
  • 网页设计新手需知道的10条实用法则

    大胆留白是设计概念中常常会提到的理论,但真正能根据理论具体落实的设计师却为数不多,可能是因为设计师胆儿不够大,另一种可能是没有在实际中领会到留白的美妙,网页设计中的留白是为了在有限的容量中预留一些让其中元素呼吸的负空间,并不是一种所谓的“偷懒”行为,……【查看全文

    阅读:733关键词: 网页设计   设计法则   日期:2015-01-15
  • 什么是响应式网页设计?

    响应式网页设计(Responsive Web design,通常缩写为RWD)是指:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。可以说是一种网页设计的技术做法,该设计可使网站在多种浏览设备(从桌面电脑显示器到移动电话或其他……【查看全文

    阅读:5336关键词: 网页设计   响应式设计   响应式网页设   响应式网页   日期:2013-09-15
  • 关于响应式页面重构的一些关键技术点

    单纯的页面重构,所涉及到的工作内容一般是“分析设计稿>切图>写HTML和CSS”,虽然看起来很少,但要做好这份工作,绝非所想的那么容易。原因很简单:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间……【查看全文

    阅读:698关键词: 响应式   响应式页面   日期:2016-09-25
  • 全方位解析响应式网页的设计与应用

    响应式网页设计可以提供一个比较满意的效果,他给广泛的应用设备提供了一个自定义的解决方案,无论是一个老式旧笔记本还是最先进的设备都能够获得比较好的体验。但响应式网页设计也并不是最好的,这只是个单纯的概念,它可以有效的提高用户体验但是却不能彻底解决。我们……【查看全文

    阅读:1301关键词: 响应式网页   网页设计   响应式应用   应用设计   日期:2014-05-08
  • 全能型设计师必备的10个技能

    为了成为一个全能的设计师,你必须学会掌握一些技能来有效的应对客户或你的老板,很多情况下,一个设计师需要有良好的审美观和许多年的经验,而将那些“经常被雇佣”的设计师和其他设计师区分开来的就是下面列出来的技能,掌握这些技能,你不仅能在团队中成为更有价值的……【查看全文

    阅读:1071关键词: 设计师   设计技能   日期:2014-11-07
  • 响应式网页设计的排版设计趋势

    假如你研究一个流行的作品集网站,里面展示了当今的网页设计,毫无疑问,你会注意到网页的基本结构千变万化,根本没有固定形态,它可以伸缩变化成任何所需的东西,我认为这是响应式网页设计带来的最棒的副产品,事实上,新的准则,就是根本没有固定准则,我们能观察发现……【查看全文

    阅读:1117关键词: 响应式网页   响应式设计   排版设计   设计趋势   网页设计   日期:2015-04-01
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

百度搜索用户建议专区上线公告 企业网站SEO推广能给企业带来哪些好处?