玩转机甲风#

用户头像
北京/平面设计师/6年前/11994浏览
玩转机甲风#
用户头像
范钧元

开了个公众号,以后尽量多写点东西。源文件在附件中。

字体设计在平面设计中的作用。


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


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


在平面设计中,少数设计师可能并没有字体设计的经验,从而导致部分作品的品质感得不到最好的展示。品牌,广告和海报三者紧密相连。海报上的字体有多重要?好的字体设计不仅能够增强海报的观赏性,更能够烘托整个海报场景的氛围,有锦上添花之妙用。


关于气质-

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

不论你是UI设计师、还是插画师,所有从事平面设计的职业人员都无法避免经历“使用字体”这个过程。如今市面上的字库公司层出不穷,被制造出来的字体样式数量也呈井喷式上升,面对这么多字体时,我们究竟该如何正确的选择适合自己作品的字体呢?除了考虑它的易读性,更多考虑的是这款字体能否准确地传达出对产品独有的气质。


学会选择更符合主题气氛的字体字形。


战争-

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

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

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



硬核科幻未来-

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

经常会接到客户或者领导提出的硬核科幻的需求,他们对于未来硬核科技感的描述,让设计师有点摸不着头脑。其实机械感是一个核心词汇,可能就像是三体里说的“水滴”(刘慈欣科幻小说《三体》中提到的由强互作用力材料(SIM)所制成的宇宙探测器,因为其形状与水滴相似,所以被人类称之为水滴),又像是人类的超级舰队,光凭机器就能够给人类带来未来感的不可名状之感受。


分享一个硬核科幻的字体-

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

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


文艺-

下面三张电影海报字体都是手写体,手写的形式有很多种,大部分用于主题。而在电影界上这类型字体多用于文艺片,字体风格上干净、柔美、舒适、有内涵,大体给人一种小清新的感觉。

历史文化-

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

如果选用字体,个人认为篆书(年代感更强,识别性略差)比较好,但若从实用性的角度去考虑,由于多数人都具备识别隶书的能力,隶书可能更好些,隶书本身也好看,圆润。海报字体选用了隶书,风格多元,集含蓄与豪放,古朴与秀丽,劲健与雅拙于一体,彰显很强的设计感与艺术表现力。每种书法字体有着自己独特而细腻的特点,把握好这一点,既能给电影增加文化内涵,也能衬托出电影的气质。


哥特式艺术-

豆瓣上将Harry Potter的风格归纳为“主要风格还是奇幻(或者魔幻科幻都OK)”,说它冒险是因为整部电影就是哈利在魔法世界冒险的过程,形容它悬疑又是因为魔法世界,还有伏地魔魔法石之类的都充满了未知的神秘色彩。

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

上面讲了这么多,一直都在讲字体的选择、不同的字体给人带来什么样的感受。如果换我们去设计一款字体的时候我们应该从哪几方面分析呢?


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

小伙伴们如果有更多的想法跟见解大家可以从主页进群来讨论。


由于疫情缘故,假期延迟了几天,年前订的显示器刚到手里,过了一把大屏显示器的瘾,所以趁着这个新鲜劲,特地整理了一篇关于机甲风的教程。

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

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

提取关键字:硬核、科幻

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

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

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

01参考字形-02矩形字-03加装饰。凡事都要一步一步的来,让复杂的事情简单化~

一组字盯着看时间长了很容易忽略偏旁部首比例失调的问题,每个字都是一个整体,但是不同结构的字组合摆列在一起,时常就会发现有的字比较大比较重,那这个字就会跳脱出来,破坏整组字的整体性。通常遇到这种情况下,我会选择弱化这组字的笔画,给它做减法。一些不重要的笔画去掉不影响识别度的,不想让它那么跳,就把它缩小加以弱化。

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

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

我们统一修改下字形笔画,横平竖直去掉过多的装饰,让整组字形变得硬朗起来,把它当作一个字形的骨架来做处理。参考字形是思源黑,思源黑体重心置中、字面稍大的现代黑体。它空间取向均称,但字型整体有些方正过度,所以我通过调整字高的方式,让整组字形变得更加厚重一些(这一步不用过多的纠结,差不多就行后期还会继续调整)


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

锐字逼格青春粗黑体简2.0  锐字工坊的这款字形非常新锐,整个字形笔画上的处理也很硬朗。

造字工房劲黑常规体  造字工房劲黑体完全以美术字形的多样表现而创作,字形个性鲜明,笔画厚重,棱角分明,传达出很强的力量感,适用于大标题、品牌广告宣传等强有力的视觉表现空间环境。

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

硬核科幻字体的特征是强化机械感,削弱艺术感。笔画挺,拐角硬,或者质感多用金属或者玻璃这一类物质去塑造,普遍具有强工业、机械感,几何化的特点,以上是我们分析的硬核科幻字体特征。但如何强化机械杆?机械杆到底是什么样子?我的文字描述可能不如图片来得直观,所以直接上图!

(突然想起我熊哥说的一句话:“别跟我讲感觉,别跟我说气质,就说你想抄那个”哈哈哈哈哈,咱们抄下面这两个)下面的参考咱们注意一下它的横竖笔画上的装饰,以及相交的笔画的处理方法。


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

上面的几个小图形是从找的参考里扒出来的,这组字形只选在在“2”上面做装饰,强化一下数字,文字部分就不让它

有那么强的特征,有一个强弱对比,整组字更舒服一些。如果都做上装饰会有些乱分不清主次关系。

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

为什么做字的时候想法很炫酷,实际出来的成品又很辣眼?这锅得“细节”来背,很多时候都是细节的处理上决定了一个字的性格和质感,所以我们继续找一些参考来借鉴。

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

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

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


参考上图,我把第二银河的字形又加了一个底来衬托,现在看整组字形像是一个整体了。这一次的练习,我也深刻体会到了“字体组合”的重要性,这就要求我们平时在观赏优秀字体作品的时候,除了观察单个字体的走向,也需要建立整体意识,从组合的角度去欣赏字体的大结构。平时练习的时候也要刻意去尝试字体组合关系的训练。


但只是单纯加“底”就可以让有字体融为一体的造型了吗?此时就显出了颜色搭配的重要性,上面的案例都不约而同的采用了给字上色这一方法将“整个字体的造型”做了进一步的延伸,合适的配色能将让平面的字体赋予3D的视觉效果。尤其是“神枪节”这一副海报的底色可能就是甲方爸爸口中“我想要的色彩斑斓的蓝”,前方的字体与后面的背景形成了强烈视觉冲击力,这一切都要归功于色彩色搭配。

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


既然今天是和大家分享让字体设计的小技巧,除了我刚提到的字体设计的干货知识和自身技能的熟练度,还有一个外在因素也同样重要——承载字体的媒介,显示器的色彩还原度也是相当的重要,不知道大家是否被吐槽“你这个颜色怎么这么脏,整片全是脏乎乎的”,这时候就体现到了显示器的重要性了,设计师需要一款色域覆盖率高,色彩还原度精准的超大显示器。不然可就真印证那句“理想(构思)再性感,现实(显示)很骨感”了。一台专业显示器既是对设计职业的尊重,也是高效率工作的基础。

写到结尾又发现了一些关于矩形字各种风格的知识点,矩形字还有不少可以深挖的,有时间再单独整理出来一些。暂时就写到这里吧,以上的问题是上次发布文章过后有些朋友私下问过我的一些小问题,之前写的玩转矩形字带了一笔可能说的不大明白,所以就抽时间整理了一下写了点东西。


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


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


秀一下新到的显示器,明基25寸设计专用显示器(PD2500Q 2K分辨率 25英寸 ),用本用习惯了突然换成这么一个大家伙有些不适应~好在色彩还原度不错。提我名打折....腿



438
举报
|
338
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
平面设计 吊牌设计
水蜜桃和李子的平面水果图案
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面插画设计女孩喝咖啡
海底世界插画
课程海报,平面素材
古风平面仕女与瓷器
牛奶乳液层次梯田平铺平面
玄关入门地毯印花图案红地毯
倒计时,海报,平面
学习,优惠券,平面,海报
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
平面男孩喝咖啡插画设计
金色颗粒质地的平面
空的平台平面和自然景观
金色颗粒质地的平面
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面书法字手写
中国传统纹样创新图案设计
城市园林平面布局航拍
空的平台平面和自然景观
平面风格黄绿色系花朵装饰
你可能喜欢
相关收藏夹
大家都在看
登录注册