热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

电脑字体模糊_字体设计,就靠这篇干货了!

​前言:在视觉设计工作中,几乎所有都会使用到字体。字体设计不同于字体库字体,它是经过艺术性加工和升华的字体,对比字体库千篇一
521368bded1093e3ca7f31db5df0a7da.png

​前言:在视觉设计工作中,几乎所有都会使用到字体。字体设计不同于字体库字体,它是经过艺术性加工和升华的字体,对比字体库千篇一律,个性不强的字体,字体设计展现的魅力更加独特与诱人。所以今天小叔想要分享一篇字体干货,让大家突破字库字体的桎梏,激发大家做字体的灵感。

字体表现类型

那么做为字体小白,如何从基础开始有系统性的学习字体设计呢?下面将以中文字体做主要分析,根据喜闻乐见的字体设计案例,我们大致将字体表现类型分为五种:黑体字、宋体字、书法体字、三维体字、动态体字

黑体字

黑体字也叫等线体,又称“方体”,属于无衬线字。字架吸收了宋体字结构的优点,去掉了衬线装饰,整体简洁大方,有时尚感和现代感。

黑体字可以说是百搭字体,可塑性很强,可以表现商业的严谨气质,也可以表现青春激情和动感,纤细的黑体还能体现女性气质。

863e4c81799205be04faea003c8980da.png
cd860b40c75f9d04aaece2e1e6bd4fbb.png

宋体字

宋体字是为印刷而生的,其笔画有粗细变化,一般是横细竖粗,笔画末端有类似三角形的节点衬线装饰。宋体属于衬线体。

宋体的装饰性远大于黑体,宋体字形在文化、艺术、生活、女性、美食、养生、时尚等领域所传达出的气质要比黑体字形准确

d021189b40d2b1396b82616c09f76cf6.png
15cae845244f6e5ea876f12d3238754b.png

书法体字

中国书法字讲究行气,指书法作品中字与字、行与行之间的呼应关系。一般要求笔断意连,连缀成行,积行成篇,在文字的上下、左右、首尾的书写中,既有变化,又能和谐。书法字自身孕育的大气恢弘之势,可以承载出无限的设计能量。

9d83bc0bcc0cbc548103709da4ef495b.png

常规的书法字体体设计实现有两种方法:

①字体库书法体:

根据字体库里的书法字体,组合毛笔笔触,实现字形的再加工。

②手写书法字体:

a. 用毛笔等工具书写,然后扫描到电脑里进行再加工,无聊闲暇的时候可以用其他书写工具寻找笔触感觉。

b. 用手绘笔在电脑上直接写,先书其形,再填充加工(这里又有笔触杂边与平滑之分,想要比较类似毛笔笔触的杂边可用手绘笔与素材配合。)

毛笔字书写实现案例

c231d67ba122845612d7b6717194e05b.png

其他书写做字工具

b8039d80f400a20fd8845de9eaf531ef.png
91997bd61d418b774f705f0b19c65a76.png

三维体字

三维体指有3D效果,立体感,空间性强的字体。常见是辅助60°、45°网格绘制,各个透视组建,按照基本字形组合搭建而成。

横平竖直的结构比较容易实现,撇、点、捺需要设计师丰富的创作能力去实现。或者将字型笔画拆解,用立方体、圆柱体或其他几何体取代常规笔画,任意组合,可以创造出无尽的字体可能。当然也可以直接用如C4D等三维软件,根据字型建模渲染。

ec5f7fbd50e97dc7ecdf869c7a52117f.png

图(左→右、上→下)via 木头有理想工作营、钱浩Hawking

网易未来科技峰会、电影《敦煌人》、2016年金点设计奖主视觉

动态体字

静态字体有自身表现的局限性,如果增加动效可以增强感官感受,也能将字义表现的更到位,使人印象深刻。

be7cd1d010bd3956f62626679cb0619e.gif
082d7058b309974304ac84d38ca8e332.gif

字体基础改造方法

汉字是方块字,为了达到视觉上的感官平衡,在字形空间上是有一些基础规律可循的,简单粗暴的总结为三种结构表现方式:上紧下松、横细竖粗、左窄右宽。但最重要的是字体重心。

汉字的重心和我们理解的几何重心是不同的。字体重心是一个字最吸引视线的重心,也称为视觉重心。简单来说,视觉中心在几何中心偏左上方一点的位置。比如在米字格中,对角线的交叉点就是几何中心,而交叉点左上方一点的位置才是视觉中心。

43355ceadce295459b19c30341f923f8.png

设计中为了达到字体的整体平衡,一个字中较重的部分要靠近字体重心,较轻的部分则要离重心稍远些,这样能使字达到视觉美感平衡。一般来说,一个字的主体部件和次要部件在布局上处理成黄金比例,那么这个字在视觉上就平衡了,看起来也会更加舒适美观。

e0900c580beaba92a81278bb419671d3.png

黑体字与宋体字是所有汉字字形的基础,它们有严谨的字体结构,所以练习字体设计,均从黑体字与宋体字开始。

有两种基础的实现方法:矩形造字法和路径造字法

矩形造字法:在AI里画好矩形,根据字体的基本字形,一笔一笔的拼凑,简单易行。

路径造字法:在AI里用钢笔画好路径,确定好字形后,描边。

6d64d524553fa9f229a2b92ef38de1d8.png

左via 台湾Tseng Green 右via Tomomi Maezawa

有了字形,我们还需要根据字义进行变形。由字义到字形的设计过程是一个由内而外,由虚至实的思维过程,从核心字义出发,从字体内容出发,才能有一个准确的设计起点,最终设计出内外兼修的字体。

f776b67d24291699d5aa06cd08f0d021.png

以下有8种简单的方法,可以让基础字型成为内外兼修的好字型。

01笔画代替法

在原有字体基础上,删减某一处或多出笔画之后,再用其他形式进行代替,可以用其他字体笔画做衔接,也可以用图形图像的添加,方式很灵活。

或者采用具有象征性的视觉图形符号,唤起人们对某一个抽象意义、观念或情绪的记忆。能正确传达与理解象征的意义,表达出字体的含义与气质。

591f6b5b4b080bf6e46dac1d91e5ec97.png

02细节添加法

根据字体主题进行针对性的设计修饰,常常是在横竖撇捺的笔画端点处进行锚点添加,或断点处理

c9a0f603a99f75a4f7c0cc0584d2efd3.png

笔画有快手的组合形式,比如笔画太多太复杂,为了简单粗暴的表述,我们先以横线来做示范。

男性字除了可以把笔画变粗,还可以这样:

d711f3355ebe54f8ac72eea5962380b0.png

女性字除了可以把笔画变细,还可以这样:

ee1fc7ad32058c259a4e989e91fa1dfc.png

男性字与女性字笔画对比

(上男下女)

906f7e420ca524727f1f71e9825c1403.png

03笔画删减法

在保证字体识别度的前提下,对笔画进行减法留白处理,因为人脑可以根据自己的视觉经验将隐藏或省略的部分在脑中自动补齐。这种方法处理的字型比较有东方绘画的韵味,文艺气质浓厚。

7df937484be687fd0be031c5349835f4.png

04效果添加法

运用圆角、描边、倾斜等系列工具对原字体笔画进行显著的外形变化。圆角工具可以把笔画转折处变直为曲,描边工具可以使字体加粗或减细,倾斜工具可以加强字体的力度与动感。

e97c60e3766c747a122c80e0d74a7289.png

05符号拼接法

拆解出外文或标点符号独特的笔画装饰,按照汉字的字形结构来组合。一般使用比较多的是哥特字体、藏文、中世纪的手写卷花体等。

0c0cc42f40976decae57faefc15c4ae0.png

06氛围装饰法

在设计好的基础字型周围添加放射线、波点等几何形,或者花型,来烘托气氛,对字体含义的表达起到辅助作用。

dee6a670cdb2e26ffbcd7e470f218f4f.png

07色彩质感法

通过丰富的色彩、光线阴影、质感叠加、具象或抽象的图案纹路让字体变得生动活泼。

7b5e0ad5aee9539bcc3c9913407ee5b4.png

08空间层次法

透视、虚实(景深)、羽化模糊、视幻、点化群集、重叠遮挡、投影、正负反向等手法来塑造字体空间的丰富性

a680b43d365eebbaef7604884c0d1775.png

总结

可以称之为“高级感”的字体,一般带有如下特征:

  • 不加修饰
  • 简约
  • 纯粹
  • 耐看
  • 结构端正
  • 经得起推敲
  • 字型带有美感与张力

设计师需要进行大量的练习,才能真正领悟字体设计的精髓,根据需求游刃有余地将字体设计融入到平时的设计工作中。

更多设计资讯关注下方公众号。

6b46baa02ce947b980ee58b5f38fba92.png



推荐阅读
author-avatar
纤沙湖之歌
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有