搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

时间:2020-05-19
类别:字体设计
水平:入门
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

​​常常听人说,字体设计,关键靠气质!

哎,你这个『气质』,说起来有点玄乎,到底是个啥?怎么样找准气质,选择或做出符合作品的字体字形呢?

今天分享一篇优设字体设计实战营 @F范钧元 老师的文章。

读完这篇文章,你将会明白:

  1. 1.对于平面设计来说,字体设计啥作用?
  2. 2.如何选择字体字形,准确地传达出产品独有的气质?
  3. 3.实际案例演示!如何设计一款符合主题的字体

一、字体设计在平面设计中的作用

在平面设计中,字体设计有着举足轻重的地位。文字不仅仅可以表达作者的思想概念,同时也兼具视觉识别的符号特征,即通过视觉方式向受众传递信息

品牌,广告和海报三者紧密相连。然而海报上的字体有多重要呢?

好的字体设计,不仅能够增强海报的观赏性,更能够烘托整个海报场景的氛围,有锦上添花之妙用。

同时,字体的美感、文字的编排,对版面的视觉传达效果有着直接的影响。在设计中,融入汉字可以提高设计作品的灵性和感染力,总之字体设计是平面设计中必不可少的元素,也是平面设计师创作时不可分割的一部分。

不过,在平面设计中,少数设计师可能并没有字体设计的经验,从而导致部分作品的品质感得不到最好的展示。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

二、关于气质

想必不论你是UI设计师、还是插画师,所有从事平面设计的职业人员,都无法避免经历“使用字体”这个过程。

如今市面上的字库公司层出不穷,被制造出来的字体样式数量也呈井喷式上升,面对这么多字体时,我们究竟该如何正确的选择适合自己作品的字体呢?

答案是:除了考虑它的易读性,我们更多考虑这款字体能否准确地传达出对产品独有的气质

但是作为圈内大佬一直尊崇的标准“气质”,它到底是什么?这似乎是人们熟知而又不易捉摸的概念,大有“只可意会不能言传”的意味。

接下来,通过案例,我们来感受下什么是气质,它有哪些常见类别,以及如何根据气质,选择适合的字体:

一般来说,我们会选择更符合主题气氛的字体字形。而以下5种常见主题,将会使用各自相对应的字体字形。

(1)战争:粗壮紧凑、力量十足、有力度

《血战钢锯岭》、《1917》,这两部电影海报中的字体,作为强现代感的无衬线字体,给人以粗壮紧凑,力量十足的感受,可塑性很强,与此同时,《红海行动》电影海报中的书法体,同样能够表现出阳刚有力铁血硬汉的气质。

我们看到一幅书法作品,最常说的就是那些字“ 有劲儿没劲儿”,这说的是写字的力度一线条上的力量感。具备美感的书法线条,通常其线条都是一致的,那就是“有力度”的具体表现。我们说王羲之的书法线条“入木三分”,其实就是在夸赞其书法线条有力度,达到了美的标准。

书法不细说,说多了露怯,我了解的不多。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

(2)硬核科幻未来:强工业、机械感,几何化,艺术感稍弱

硬核科幻字体一般机械感较强,艺术感稍弱。这种风格的字体笔画挺,拐角硬,质感多用金属或者玻璃的材质去塑造,普遍具有强工业、机械感,几何化的特点。

客户或者领导,经常会提出的硬核科幻的需求,他们对于未来硬核科技感的描述,让设计师有点摸不着头脑。

其实,机械感是一个核心词汇,可能就像是三体里说的“水滴”(刘慈欣科幻小说《三体》中提到的由强互作用力材料(SIM)所制成的宇宙探测器,因为其形状与水滴相似,所以被人类称之为水滴),又像是人类的超级舰队,光凭机器就能够给人类带来未来感的不可名状之感受。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

说到这里,我还想分享一个硬核科幻的字体:Bank Gothic

科幻电影里带有「未来感」的字体,一般都是几何无衬线体,普遍具有强工业、机械感,几何化的特点。最具典型的就是Bank Gothic。

Bank Gothic,一种直线型和几何模型结合的字体,由Morris Fuller Benton于1930年设计。主要有细型Bank Gothic light和粗体Bank Gothic medium两组构成,常用做于科幻电影的海报、字幕的显示字体。

假如你也接到硬核科幻的需求,不妨试试这款字体。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

(3)文艺:小清新,干净、柔美、舒适、有内涵

下面三张电影海报字体都是手写体,手写的形式有很多种,大部分用于主题。

而在电影界上这类型字体多用于文艺片,字体风格上干净、柔美、舒适、有内涵,大体给人一种小清新的感觉。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

(4)历史文化:集含蓄与豪放、古朴与秀丽、劲健与雅拙于一体

举例来说,《我在故宫修文物》该纪录片把“工匠精神”这件严肃的事讲得细腻、温软且富有人情味。

如果选用字体,个人认为篆书(年代感更强,识别性略差)比较好,但若从实用性的角度去考虑,由于多数人都具备识别隶书的能力,隶书可能更好些,隶书本身也好看,圆润。

海报字体选用了隶书,风格多元,集含蓄与豪放,古朴与秀丽,劲健与雅拙于一体,彰显很强的设计感与艺术表现力。

每种书法字体有着自己独特而细腻的特点,把握好这一点,既能给电影增加文化内涵,也能衬托出电影的气质。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

(5)哥特式艺术:高耸、阴森、诡异、神秘、恐怖等

豆瓣上将Harry Potter的风格,归纳为“主要风格还是奇幻(或者魔幻科幻都OK)”。

说它冒险,是因为整部电影就是哈利在魔法世界冒险的过程;形容它悬疑,又是因为魔法世界,还有伏地魔魔法石之类,都充满了未知的神秘色彩。

所以海报字体采用了具有装饰性的哥特字体,哥特字体的主要特征为高耸、阴森、诡异、神秘、恐怖等。线条交接处和末端,具有明显的粗细变化和装饰,这些元素为字体营造出犀利的气氛,外加上纹理质感处理,便有了神话意境和哥特式惊悚的味道,很好的衬托出电影本身的气质。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

以上讲了这么多,一直都在讲字体的选择、不同的字体给人带来什么样的感受。

然而,问题来了!

如果换我们设计一款字体,应该从哪几方面分析呢?

接下来,我整理出一篇习作为案例。本案例将会通过一些实例带大家认识字体细节和形式感。作品也存在一些不足之处,大伙儿嘴下留情。因为只是针对如何将字体更完美的呈现。

小伙伴们如果有更多的想法跟见解,都可以在评论下方讨论。


以下是特地整理了一篇关于机甲风的教程。

三、案例演示

需要设计的文字“第二银河”,首先要先了解这是一款什么类型的游戏,我们来看下百度词条怎么说的。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

《第二银河》是紫龙游戏开发的一款太空战争手游。游戏以太空为背景,游戏风格国产硬科幻太空类的。

提取关键字:硬核、科幻

字形风格特征大概就是这样硬核、科幻。(先说一下这是去年做的测试题,并不是商业案例,再做的时候发挥空间还是比较大的。)如果要给每一次的创作都要找一个目标,那这次就是以自己的兴趣来规定的,我将选择我个人最热爱的机甲风格作为此次设计字形的来源。

咱们先找一些机甲风的图,看看是什么感觉~

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

直接上手做一款机甲风格的字体可能会有些麻烦。如果我们把它拆分为3个步骤依次去说,就没那么麻烦了。

①参考字形-②矩形字-③加装饰。

凡事都要一步一步的来,让复杂的事情简单化~

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

盯着看时间长了,一组字很容易忽略偏旁部首比例失调的问题,每个字都是一个整体,但是不同结构的字组合摆列在一起,时常就会发现,有的字比较大比较重,那这个字就会跳脱出来,破坏整组字的整体性。

通常遇到这种情况下,我会选择弱化这组字的笔画,给它做减法。一些不重要的笔画去掉,不影响识别度的,不想让它那么跳,就把它缩小,加以弱化。

从整体角度去看《第二银河》这四个字,字体还是都比较匀称的,没有出现特别抢眼的字形。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

下面我们以“强化机械感,削弱艺术感。笔画挺,拐角硬”,这句话为第二步骤的准则

我们统一修改下字形笔画,横平竖直去掉过多的装饰,让整组字形变得硬朗起来,把它当作一个字形的骨架来做处理。

参考字形是思源黑,思源黑体重心置中、字面稍大的现代黑体。它空间取向均称,但字型整体有些方正过度,所以我通过调整字高的方式,让整组字形变得更加厚重一些(这一步不用过多的纠结,差不多就行后期还会继续调整)

在这一步调整的时候建议大家分别参考这两款字形。

  • a.锐字逼格青春粗黑体简2.0 : 锐字工坊的这款字形非常新锐,整个字形笔画上的处理也很硬朗。
  • b.造字工房劲黑常规体 : 造字工房劲黑体,完全以美术字形的多样表现而创作,字形个性鲜明,笔画厚重,棱角分明,传达出很强的力量感,适用于大标题、品牌广告宣传等,强有力的视觉表现空间环境。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

再强调一遍硬核科幻的风格

硬核科幻字体的特征是:强化机械感,削弱艺术感。笔画挺,拐角硬,或者质感多用金属或者玻璃这一类物质去塑造,普遍具有强工业、机械感,几何化的特点。

以上是我们分析的硬核科幻字体特征。

但如何强化机械感?机械感到底是什么样子?我的文字描述可能不如图片来得直观,所以直接上图!

下面的参考,咱们注意一下它的横竖笔画上的装饰,以及相交的笔画的处理方法。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

参考找的越多,对与整组字体对处理就会更全面。把参考图形里觉得能用得上的提取出来,一会儿与字体结合。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

上面的几个小图形是从找的参考里扒出来的,这组字形只选在在 “2” 上面做装饰,强化一下数字,文字部分就不让它有那么强的特征,有一个强弱对比,整组字更舒服一些。如果都做上装饰会有些乱分不清主次关系。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

整组字的大感觉就算是处理完成了,但字体大体来看还是有些松垮,所以下一步就是抠细节(我想要的硬核机甲风格已经有了,但是还差点感觉,整组字仍然有上升的空间)这时候就要增加细节了。

为什么做字的时候想法很炫酷,实际出来的成品又很辣眼?

这锅得“细节”来背,很多时候都是细节的处理上,决定了一个字的性格和质感,所以我们继续找一些参考来借鉴。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

主要参考 “崩坏3” 处理的方法,这就是我想要的大概效果。按照它这种形式,把“第二银河”再丰富一下,增加一下它的细节部分,让这组字体慢慢的丰富起来。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

字的话基本就处理完成了,但整体看来还是些单薄、散、撑不起来。个人感觉是少一个底,把字体整个字形收一下,让它看起来更像一个整体,也更炫酷。

找了一些参考,我发现很多有整体性字体的组合都有一个特点『一个类似底盘的设计』与字体交融在一起,这样一来字体本身也成了一个LOGO。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

图片来源网络

参考上图,我把第二银河的字形,又加了一个底来衬托,现在看整组字形像是一个整体了。

这一次的练习,我也深刻体会到了“字体组合”的重要性,这就要求观赏优秀字体作品时,除了观察单个字体的走向,也需要建立整体意识,从组合的角度去欣赏字体的大结构。平时练习的时候也要刻意去尝试字体组合关系的训练。

但只是单纯加“底”,就可以让有字体融为一体的造型了吗?

此时就显出了颜色搭配的重要性,上面的案例都不约而同的采用了给字上色这一方法,将“整个字体的造型”做了进一步的延伸,合适的配色能将让平面的字体赋予 3D 的视觉效果。

尤其是“神枪节”这一副海报的底色,可能就是甲方爸爸口中“我想要的色彩斑斓的蓝”,前方的字体与后面的背景,形成了强烈视觉冲击力,这一切都要归功于色彩色搭配。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

这篇文章中间直接跳过了组合关系那段,中间做了不少尝试,过程贴出来大家看下...当时做的时候把“银”改成了繁体字是为了方便(偷懒)从一开始就在考虑“二”这个字形到底应该怎么去做,着实有些头疼...前面三个过程一直在尝试,一直没有更好的想法。找参考的时候看到了崩坏3 的LOGO才算是开窍...

过程图:

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

PS:其实做完之后,我才发现太卡通了不符合那种硬核科幻~但是做的时候只顾着自己嗨了,就没想那么多~现在看整组字形还是有些许问题的,下次一定要注意(一脸严肃)希望今年做的字更够更活跃一些,不再那么呆板。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

本篇文章作为个人做字体设计的一次小分享,还有很多不足之处,文章内若有描述不当之处,还请各位大佬多提意见。希望本篇有能够帮到大家的地方,下期再见~

好啦!看完这次饭饭老师的分享,如果你对字体设计还有更多疑惑,都可以在评论下方提出你的问题哦。

那么到此本期的文章就结束了,小编来总结一下本期的知识点:

以下为总结:

  1. 1.好的字体设计,能够增强海报的观赏性,烘托整个海报场景的氛围,有锦上添花之妙用。
  2. 2.学会选择更符合主题气氛的字体字形。考虑它的易读性,还得考虑这款字体能否准确地传达出产品独有的气质。

字体气质可谓是关键,只有把握准字体的气质,才不做无用功,白白浪费时间做字。

但是想要对字体『气质』,还需要掌握字体历史发展,认识中文的分类与气质特征,各类别的适用范围等等。

当然,除了文中提及了矩形造字法,还有更多造字技法,很多内容都需要慢慢积累,在实践中反复掌握。

作为一枚设计师,假如你依旧想增添点技能,让作品在一众设计中杀出重围。

或者无数次为LOGO设计得而叹气,为标题设计得不走心而抓耳挠腮。

想学一门系统又实用的字体设计课。

今天就给大家介绍一门不容错过的课程:『优设字体设计实战营』

爆款优设标题黑设计师、站酷推荐设计师带队,系统传授商业字体设计全流程!

本门课程共分为 16 节直播课,涵盖字体设计的基础篇、提升篇、实战篇、造字技巧与商业字设经验。

你将学会字库字、手写字、运营字、美术字,更有高效流程、原创思维、宣传推广延展包装,综合提升原创能力!

划个重点!5 月 21 日开课,还有 3 天截止报名!

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

本课程专门为各年龄段、各行业的设计师、学生、字体爱好者等,准备的提升课程。系统高效、作品提升快,适用于平面设计、字体设计、品牌设计、运营设计、电商设计、网页设计、手绘插画等。

我们来介绍下课程会学些什么:

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

从字体历史发展史入手,认识中文的分类与气质特征,各类别的适用范围。帮你了解你的作品,该设计什么气质特征的中文;然后了解字体的框架、笔画造型、字设的基本原则、影响笔画造型的关键因素等等;再掌握字体设计的全流程,从初期的设计思路 - 中期的绘制方法 - 后期的字体品质管理流程,以及经验性总结的定字模、批量复刻技巧。最后通过实战操作,带你一起打扎实字体设计的所有设计流程。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

从经典碑帖中,了解手写字的笔画结构和章法等;通过实战演示,了解常用的书写工具,教你从字帖开始进行字体创作;之后,你还会学到书写创作技法、技法相关的扩展知识、手写字练习中的常见问题;最后,了解影响字体气质的关键因素,认识不同主题气质的属性偏向,再利用改变字体气质的技巧,创作出符合你作品的手写字。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

通过实战案例演示,带你先学会快速做字的技巧,字库改字的花式技巧;之后,讲解字体设计的编排包装,了解基础网格运用与构图形式,以及该如何搭配合适的西文;最后教你常见的字效设计,以及造字技法:矩形造字法,还有运营相关字体。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

该模块为提升篇,带你先认识美术字,字型的结构搭建,以及常见的字型风格,如像素风;

再帮你并掌握:美术字的各种技法,比如移花接木,还有如何融合西文、藏文与汉字。

最后,了解品牌商业字体相关的知识:设计规范、字体标志的创作,还有前期如何分析一款商业字型,如何为字体做定位等。

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

以下为老师作品,只展示了部分哦:

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

也许你对课程还有种种疑问,不用担心,对于设备和软件的疑问,以及课程的具体安排、是否适合零基础学习等常见问题,你都可以先来问问咱们的客服老师微信号:『3401258571』『  3134525016 』

5月21日开班,人气真的特别火爆,想跟这一期的同学一定要早点占位哦!

划个重点!5 月 21 开课,还有 3 天截止报名!

字体基础、高效流程、实战操作、延展包装、宣传推广(五个√)

字体课第一期早鸟价

前三十名,优惠 30 元!

训练营老学员还能再优惠30元!

快来找客服老师咨询吧!!!

▼▼▼

客服老师扣扣:

『 3401258571 』

『 3134525016 』

搞定字体气质,还学会机甲风字体?字设干货文千万别错过!

7 收藏 74

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片