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

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

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

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

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

1、粗与细

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

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

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

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

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

2、曲与直

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

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

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

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

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

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

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

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

3、松散与严谨

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

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

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

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

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

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

4、简与繁

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

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

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

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

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

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

5、借代

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

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

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

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

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

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

6、工具

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

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

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

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

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

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

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

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

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

马海祥博客点评:

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

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

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

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

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

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

  • 响应式网页设计的排版设计趋势

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

    阅读:1110关键词: 响应式网页   响应式设计   排版设计   设计趋势   网页设计   日期:2015-04-01
  • 基于网站色彩设计对用户体验影响的研究

    色彩,对于人类而言,始终属于自然界最神奇的奥妙之一,永远都在激发着我们的好奇心和创造力。在我们生活中无论何时何地,充满着各种多采多姿的色彩,哪里有光,哪里就有颜色。有时我们会认为颜色是独立的:天空是蓝色的、植物是绿色的、而花朵是红色的。但事实上,其实……【查看全文

    阅读:1849关键词: 网站色彩设计   网站设计   用户体验   网站色彩   色彩影响   日期:2013-10-10
  • 全能型设计师必备的10个技能

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

    阅读:1049关键词: 设计师   设计技能   日期:2014-11-07
  • 响应式网站页面的设计需求和设计流程

    根据统计,到2015年,移动互联网的用户数量将会超过桌面用户,除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加,在这种形势下,怎样让我们的网站尽量兼容各种类型的设备,并确保优良的用户体验,这将是越来越重要的问题,通过响应式的设计开发方……【查看全文

    阅读:3888关键词: 响应式   响应式设计   网站设计   日期:2015-12-16
  • 现阶段网页设计潮流的趋势和风格

    一个优秀的网站设计师设计出来的网页要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。如今随着互联网技术的不断革新,也带动了设计行业的的迅猛发展,这使得设计师和开发者有了……【查看全文

    阅读:1003关键词: 网页设计   网页设计潮流   网页设计趋势   网页设计风格   日期:2013-11-09
  • 响应式设计时代该如何进行网站设计

    响应式网站设计可以说是一个全新、未知的领域,所以响应式网站设计者需要不一样的设计思路:要针对内容进行设计,一个成功的网站设计源自精雕细琢,但当进行响应式网站设计时候,我们会发现针对普通网站设计的经典方法已无法适用了,我们进行的Web设计均是针对默认的屏幕大小……【查看全文

    阅读:699关键词: 响应式   响应式设计   网站设计   日期:2015-11-22
  • 如何设计响应式网页中的图片和图库

    响应式网页设计已经是如今网站当之无愧的标准配置了,我们需要响应式的技术来应对日渐碎片化的屏幕尺寸,网页设计师也力图做好这件事情,而网页中的图片和图库的响应式设计,也是其中的重点难点,它们是网页中最常见,也是最直观可见的元素。打开一个漂亮精致的网站,然……【查看全文

    阅读:1161关键词: 响应式   响应式网页   图片   图库   响应式设计   网页设计   日期:2016-11-18
  • 如何利用“自适应网页设计”实现不同的设备上呈现同样的网页

    据百度官方最近发布的《 2013年中国网站运营发展趋势报告 》中数据表明,2012年,PC端网站增速较大,数量较2011年增加29%;PC无线化速度加快,12年PC网站无线化比例达到40%。网络的普及,也逐步的带动了PC网站的发展。而人们上网的方式也变的多样化了,其中比较值得关注……【查看全文

    阅读:7893关键词: 自适应网页设   网页自动调整   日期:2013-02-17
  • 响应式网页布局的实现方法原理

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

    阅读:52191关键词: 响应式网页   响应式布局   响应式原理   响应式设计   日期:2013-09-17
  • 关于响应式页面重构的一些关键技术点

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

    阅读:644关键词: 响应式   响应式页面   日期:2016-09-25
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

一个完整的企业网站首页应该具备什么因素? 如何利用极客精神优化网站的网络组件和代码