赞助商
立即赞助

大厂高手出品!超炸裂的字体设计指南(下)

字体设计3年前 (2021)发布 流光
3.9K 0 0

上期我们要阐述了字体的气质分类及联想方法,这期我们进入纯操作范畴,给大介绍六大秘法助你的字体设计

大厂高手出品!超炸裂的字体设计指南(下)

了思我们如何落型呢?那就接下的操作部分了。

大厂高手出品!超炸裂的字体设计指南(下)

操作:把法落的过程。

大厂高手出品!超炸裂的字体设计指南(下)

主总结出六方法。

大厂高手出品!超炸裂的字体设计指南(下)

这几概念都我自己的认知,如不对请及时指出,多多包涵。了解的可以直接跳过。

  • :积,简单说是宽乘以高。
  • 骨骼:字体形态的骨架。
  • 外:字体笔画的构成方式。
  • 中宫:字的负形。
  • 重心:字体的重力所在的中点。

几个点的比例直接影响字的气质、风、感。

大厂高手出品!超炸裂的字体设计指南(下)

骨骼造字法,先定字的构架,去修饰字形的外饰。优势在在早期以预见字的大概风,避免期的修改。

大厂高手出品!超炸裂的字体设计指南(下)

年货节开机视频的益点文字:产品决定必须用仿古中国风去做,行书的飘逸、隶书的端,尝试两者结合做一款适合运营活动页面的字面。

大厂高手出品!超炸裂的字体设计指南(下)

定骨骼,字面比例、重心、中宫、笔画走势,添加笔锋细节,构造字特征。

大厂高手出品!超炸裂的字体设计指南(下)

骨骼定下来,打印出来,在骨骼基础上反复尝试外饰。

大厂高手出品!超炸裂的字体设计指南(下)

确定外饰在AI进行勾勒整。

大厂高手出品!超炸裂的字体设计指南(下)

填充颜,打磨细节。

大厂高手出品!超炸裂的字体设计指南(下)

完善字库。做描边以及填的对比,以现字很正负空间的缺陷,方便整。

大厂高手出品!超炸裂的字体设计指南(下)

最终放到落地页中的效果图。

大厂高手出品!超炸裂的字体设计指南(下)

是在司品牌应用中经常出现的场——联名logo。

VMIC部门下有若干组,为了让各组在品牌上统一,做了统一的英文字体。在新品牌出现候复用这套字体即可,不用反复重新计,节约计成本。

大厂高手出品!超炸裂的字体设计指南(下)

根据已有的vivo、VMIC字体提炼的共性,字面偏扁,字形端庄稳定,将这些提点融入字体框架中。

大厂高手出品!超炸裂的字体设计指南(下)

调整笔划粗细,反复对比,寻找最适字体的粗度。

大厂高手出品!超炸裂的字体设计指南(下)

调节好正负空间,按着英文的觉,延伸出数字字形。

大厂高手出品!超炸裂的字体设计指南(下)

可以组成词,斟酌下不同组情况下字重的变化在进行调。

大厂高手出品!超炸裂的字体设计指南(下)

人生何:用何体(如圆、方、角)通过相交相切组成字体,方法比较简。如果想要字体出彩,应花更多间在思考结构上面。一笔一划,如何让其不普通,如何让其起来不像已经做过的,就需要反复的斟酌推敲了。

大厂高手出品!超炸裂的字体设计指南(下)

香港街道纪实拍摄,结港式街拍的氛围,采用复古美术字体。

大厂高手出品!超炸裂的字体设计指南(下)

  • 几何组成基本形态,像撇、捺这种弯曲的笔画可先曲线勾勒,然后再粗描边。
  • 整笔画粗细,让其在感官上平衡。扩展并节位置,反复斟酌。
  • 大型出来了还是觉得过于普通,添加了个细节进去。一笔断,灵来于街头涂鸦喷绘字,镂空的觉增加了轻。二是添加衬角,会让字的复古味更加浓重。最后面适当角度旋转笔画以及添加磨损效果,让整体更工的笨拙。

大厂高手出品!超炸裂的字体设计指南(下)

总感觉点么,饱和的颜色写了一句手写英,打破了这篇沉闷,上同样粗狂的系统字体,稳住盘。

大厂高手出品!超炸裂的字体设计指南(下)

人类的本质是复读机,重复是最好的老师。

大厂高手出品!超炸裂的字体设计指南(下)

印章楊過(自33天33隻楊過)。整体字形为正方形,一个字在最后的空格入了序号及日期。

大厂高手出品!超炸裂的字体设计指南(下)

截取分之一圆来做,好个笔画。一弧、一横、一竖。

大厂高手出品!超炸裂的字体设计指南(下)

  • 三个笔划过放大缩小,构成基础型。
  • 添加描调节粗细。空间的方粗,填满空间,空间小的方细,避免拥挤。
  • 扩展拼合,注意笔画之间的衔接,避免齐整;删除多余结点,使笔画更平滑。

大厂高手出品!超炸裂的字体设计指南(下)

控制正负形空,事成。

大厂高手出品!超炸裂的字体设计指南(下)

胖胖楊不過(选自33天33隻楊不過)。笔画丰满圆润,有前后叠加关系。草图阶段把前后结构做晰,执阶段事半功倍。

大厂高手出品!超炸裂的字体设计指南(下)

  • 以先用矩形替代把笔画铺出来。
  • 调整位置角度,觉适直拉圆角,这个方法是不是还算便捷?

大厂高手出品!超炸裂的字体设计指南(下)

填满色,穿插系,字体更耐看,但是前只有一个,辨识。这个方法很简单,多点心思在他的穿插系,他变得跟别人有点点一样。

大厂高手出品!超炸裂的字体设计指南(下)

方楊過(自33天33隻楊過)。通过矩形组成的字体,调整矩形锚点做撇捺笔画。超简单!

大厂高手出品!超炸裂的字体设计指南(下)

  • 除了带倾笔画,如撇、捺、,其他接矩形组成。组合好后边处再加细节,赋予速度感。
  • 拼合填色,调节负空间。透气性很重,孰能走马密不透风。
  • 偏移路径,再添一些速线细节,字体更有层次感同时整个会更收拢一些没那么破碎。

大厂高手出品!超炸裂的字体设计指南(下)

加倾弥补速度感确实,再缀小细节即可。

大厂高手出品!超炸裂的字体设计指南(下)

腾蛟起凤(选自滕王阁序体设计)。先钢笔勾勒成型,接着再用几何相交相切把笔画规。这法比较耗时,体设计到某个阶段时候可以尝试,进步了解几何相切意义。

大厂高手出品!超炸裂的字体设计指南(下)

成品效似乎没有想象好。

大厂高手出品!超炸裂的字体设计指南(下)

提案时保留过程展示可以让体更规、更专业。

大厂高手出品!超炸裂的字体设计指南(下)

关于这法我目前也没有很好理归纳,希望下能够有幸让大家看到新分享。

大厂高手出品!超炸裂的字体设计指南(下)

迷曲线:曲线大家都很熟悉,特笔画平滑,我把他分成两类。

  • 线描摹,直用曲线本身的线粗细调整去做。
  • 勾勒图形,用曲线勾勒闭合图形,思考大于操作。

大厂高手出品!超炸裂的字体设计指南(下)

单描边:一笔画楊不過(选自33天33隻楊不過)。小时画一笔画,力争一笔完成一个物。

  • 拟定草图,统一大角,字体节奏感一致;弯曲的地方可圆角代替。
  • 添加描边,整粗细。因为是一笔画,注意笔画前关系。
  • 扩展图形,再次添加描边。这个阶段可以会乱一些,再用钢笔理清前后关系。

大厂高手出品!超炸裂的字体设计指南(下)

最后扩展,在转折处添阴影;倾斜,上日期。

大厂高手出品!超炸裂的字体设计指南(下)

勾勒图形:流体楊過(自33天33隻楊過)。像雾像又像水,起承转合表现层层前后穿插系。试图表现一种若中带,飘逸硬朗的感觉。把字形练到一,草图阶反复考究,目的是为了降低执行阶的修改成本。

大厂高手出品!超炸裂的字体设计指南(下)

这一步我的速较快,并没有在乎曲边点直接的考究,因为这个字体就是想要放松一些,太多规矩。

大厂高手出品!超炸裂的字体设计指南(下)

成后偏移路径描一个外轮廓,事成。

大厂高手出品!超炸裂的字体设计指南(下)

断章取义:已的元素进行二次创作。平时较看到一些作时候想否占为己有,此方法应而生。

大厂高手出品!超炸裂的字体设计指南(下)

这是Kris Wu的某首歌的开头,火焰字体给人感觉锐超酷,极具个性,想着否占为己有。平时大看到的东西,可及时收录来,积累的过程对于创作很重要,毕竟读书破万卷笔如有神。

大厂高手出品!超炸裂的字体设计指南(下)

原字体的势呈S状,两头尖中间饱满。带着这种石头我把字体描绘来。

大厂高手出品!超炸裂的字体设计指南(下)

火焰楊過(自33天33隻楊過)。笔勾勒毕进行角的调整,最后在边缘处了点虚点缀更点题。

大厂高手出品!超炸裂的字体设计指南(下)

Behance偶然看到这个字体,肥瘦相间,极具趣味。断章取义炼几个特点:

  • 凹槽:因笔画饱满,所以锐角夹角的方了凹槽,目的字体缩小时候视觉不会拥挤,负空间加平,不止于笔画黏连。
  • 笔断意连:只要笔势是贯穿的,笔画之间断掉可添趣味性,作更耐看。
  • 粗细变化:笔画粗细变化极大,转折处细,笔划末粗。

大厂高手出品!超炸裂的字体设计指南(下)

YEAR、夜同音,隐喻夜晚的欢。让这俩共用一体,结合述的规律得出草图。

大厂高手出品!超炸裂的字体设计指南(下)

加以英文点缀,平衡构图。

大厂高手出品!超炸裂的字体设计指南(下)

到应用中调整。

大厂高手出品!超炸裂的字体设计指南(下)

照片风格搭配。

大厂高手出品!超炸裂的字体设计指南(下)

当时看到这作品觉得挺意思的,占己。花体的表手法再把他立体。首先看他的字形特征,圆形的点缀,弯曲的弧度。

大厂高手出品!超炸裂的字体设计指南(下)

  • 征融入楊不過,再用曲边勾勒出来面稿。
  • 调度,复制层,立体形态雏形基本完成。
  • 链接后图层,添加厚度,把多余的线条去掉。

大厂高手出品!超炸裂的字体设计指南(下)

添加阴,先拉一个黑渐变,着AI效果—像素画—彩色半调,即可做出带渐变的网格效果。最后勾勒一些阴,加上磨损素,完事。

大厂高手出品!超炸裂的字体设计指南(下)

藏书:直用写,通过不同材质,笔或者纸达不同效果。

大厂高手出品!超炸裂的字体设计指南(下)

新秀丽笔,便宜好用,随可以写,粗细变化灵活。不管你是否系统受过书法训练,都可随机产生多变化,令人惊喜。

大厂高手出品!超炸裂的字体设计指南(下)

拍照,PS曲线、色阶理。

大厂高手出品!超炸裂的字体设计指南(下)

前期书写肯定存在问题,后在脑中可以衔笔刷,点缀抹点,让作品更加完成。

大厂高手出品!超炸裂的字体设计指南(下)

不同的纸、不同的笔,会呈现不一的效果,重在尝,挖掘未知,结果肯定会令人惊喜。

大厂高手出品!超炸裂的字体设计指南(下)

也可以尝不同书体的系。传统书法、现代POP都可以玩,陷入某种框架过久也会造成负面响,什都触反而融贯通,灵会出其不地出现。

大厂高手出品!超炸裂的字体设计指南(下)

移形换:字体形进行置换。现实中有多有趣的形,比如建筑、工、模型等,可以尝把形跟字体结,产生有趣的计。

大厂高手出品!超炸裂的字体设计指南(下)

了一插图,作者喜欢把动物、人物画成带有果冻的方块。把这个形借助过来,做成了方块楊不過。

大厂高手出品!超炸裂的字体设计指南(下)

灵来一个狂风中摇曳的可爱雪人。

大厂高手出品!超炸裂的字体设计指南(下)

架鼓、练武木桩,的穿插结构挺有趣的。把置换成字体应该有出其不的效果。

大厂高手出品!超炸裂的字体设计指南(下)

不要把字体做得过,部结构进行了中心旋转,起来错落有致却不响整体识别性,也会让观者觉得你下了功夫。

大厂高手出品!超炸裂的字体设计指南(下)

之前玩了段间C4D,想着把三维的思路带字体计面。一个正方体,可视面三个面,楊不過三个字别散于三个面。

大厂高手出品!超炸裂的字体设计指南(下)

执行阶段挺乱的,也没有C4D直观,所以理结构的候在识别性以及穿插丰度中反复寻找衡。

大厂高手出品!超炸裂的字体设计指南(下)

描边效果不显,反填色,结构了。

大厂高手出品!超炸裂的字体设计指南(下)

想法、方法,都乎说完了,这享确实拖了久,写这才发现有多不足,脑确实有些内容想说,但是不知道如何梳理,暂且以目前的形式呈现给大家,希望大家能纳。

结,体大感觉可分为特征、节奏、细节三大要素。

  • 征:通过不同细节增加其识别性,如衬线的位置、弧度的大、角度的对比、以及基本框架的构造。
  • 节奏:像乐曲样,不节奏比不感受。体笔划疏密、前后联系、正负空大小、形大小比。
  • 细节:画龙点睛,临门一脚。可以通过不同的质感、转角的形式、笔刷的效果添加细节,完后的点缀。

然,所有法都不是被固定,都是我己见,初衷是想让不知朋友少走弯路。

大厂高手出品!超炸裂的字体设计指南(下)

单凭着项目实践,体设计提升是远远不够。常言:决定上限是下班后2小时。所以业余不断积累才能让自己在项目更高效地去解决设计问题。

大厂高手出品!超炸裂的字体设计指南(下)

积累分两。主动积累是积极发挥主观能动性,去积极生些自己喜欢做事情。这情况下,大家激情比较膨胀,做事自己也很喜欢。

大厂高手出品!超炸裂的字体设计指南(下)

个都有自己爱好,我现在终于愿意承认,小学那句兴趣是最好师。以我个为例,去年开始涉足摄影,组片子开前,我自己设定计划:目、效、体、内容。相于做多综合练习,把他做成个主题作品,有体、有排版、有摄影、有搭配,而不单单是张快物。

大厂高手出品!超炸裂的字体设计指南(下)

这是我第女生。开前:日系、海边、纯净、轻松,这是我自己目。所以选定了地,服装搭配以及符合质女生。摄完成后,女生挑了片子发我,命名是串日文,缘由是女生十分热爱日本文化也去过日本留学,用日文系统,哈哈哈。所以觉有意思,用「未命名」来定义了这摄主题。体采用了偏日系手写体,使个意境更轻松些。

大厂高手出品!超炸裂的字体设计指南(下)

这是第像。想要是效是:酷、黑暗、属、厚、泥。选定了废旧工厂有符合质模特,上身衣服黑暗能风,体色调压暗。摄完成,为没有酬劳,能请模特吃饭了,算是花了打赏,所以起名赏。体风格也是平竖,带有破损质感,跟个画相符合,结合排版,也算是较完张海报作品了。

大厂高手出品!超炸裂的字体设计指南(下)

这目是:夜景、长曝。扛着脚架在香奔波了天。YEAR跟夜在念法是致,加上有夜夜夜夜这首歌,所以取名yeah夜。香是西文化融合个地,所以英结合,把英文表现放到了文里。

大厂高手出品!超炸裂的字体设计指南(下)

那会很喜欢王勃《滕王阁序》,年纪轻轻有满身能量,希望自己也是那年少有为,其不少片段广为流传。自己设想是个篇下来用美术去表现,副体尽量做到表现形不致。所以最终根据诗句意境以及意思,个断句做了诠释,感觉蛮有意思。

大厂高手出品!超炸裂的字体设计指南(下)

接下来是被动积累。这是个痛苦过程,为不是个都有很强自律性,算自律性再强也有松动时候,所以这是被动意义所在。为此,我个组织了33天这个活动。目前已经举办到第三季了,我个括参加小伙伴们都有不级收获感悟。

大厂高手出品!超炸裂的字体设计指南(下)

至此,如其所有干货都输出完毕,衷心希望能大家带来收获~

欢迎关注作者微信公众:「VMIC UED」

大厂高手出品!超炸裂的字体设计指南(下)

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本文由百图记分享会特邀嘉宾——MUOU大神为大家分享「字体设计的常规步骤 & 快速提升字体设计感的小技巧」。 MUOU大神个人...
中文字体设计
@豁牙子的阿昕 :准备就要过年啦!在过去的一年,设计神器小分队分享了很多字体资源库。让我们在面对甲方爸爸变幻莫测的需求...
字体网站
@刘柏坤KUN :每个时代都有特定的印迹,我们感受比较直接的或许是每个时代的穿着打扮变化,其实人、事、物都会有时代特征,字...
复古字体下载
高桥善丸(Takahashi Yoshiharu)1952年出生于日本富山县,1974年毕业于大阪艺术大学,1984年成立了广告丸(Koko Kumaru)工...
中文字体设计
本文将介绍品牌与字体的关系、介绍西文字体的设计流程和方法、讨论字体的版权。  我把品牌看做魔鬼或神灵,诞生于虚无之中...
品牌微观
相信很多经验不足的设计童鞋都有这种情况:拿到一个项目需求,不知首先从哪里入手,埋头就做,做一步想一步,没有一套比较保...
LOGO 设计
下篇来啦!本文详细剖析11款字体设计的全过程。设计+解析+动效,以最简单易懂的方式,合成一篇字体设计分享文章,希望你会喜...
中文字体设计
在我刚成为设计师的时候,分辨字体风格对我来说是最难的事情之一。自学出身的我唯一能分辨的主要区别就是一个字体是衬线体还...
Helvetica