履历 | 详解11款字体设计的全历程(上篇)

本文摘要:泉源:Dreamotion民众号 作者:梁志坚做一款字并不难,难在做好一款字。字体设计应该是一位设计师蛮重要的技术,甚至可能说是最基本的技术,因为在太多的时候需要用到这项技术了,好比标志尺度字体、海报、主题运动主画面、线上Banner等等,详细重要水平我就不在此赘述了。我这次主要分享的是年前到场的“智疯字体设计30打卡”课程所做的字体案例的详细剖析,一共11款字体。 蛮开心在这次课程里认识了智疯老师和一帮同样热爱字体设计的同伴们。

ayx爱游戏官网下载

泉源:Dreamotion民众号 作者:梁志坚做一款字并不难,难在做好一款字。字体设计应该是一位设计师蛮重要的技术,甚至可能说是最基本的技术,因为在太多的时候需要用到这项技术了,好比标志尺度字体、海报、主题运动主画面、线上Banner等等,详细重要水平我就不在此赘述了。我这次主要分享的是年前到场的“智疯字体设计30打卡”课程所做的字体案例的详细剖析,一共11款字体。

蛮开心在这次课程里认识了智疯老师和一帮同样热爱字体设计的同伴们。-做字流程-下面先讲讲我的做字流程吧~1_ 首先是先确定要做的字。2_ 然后明白和消化字的寄义。3_ 接着就是在网上搜寻相关参考资料。

4_ 再接着就是边想边画手稿。5_ 然后电脑执行(软件AI)。

(下面案例会重点讲这部门,包罗初稿、历程稿、亮点详解、难点剖析等等,另有一些在特点字气势派头下的做字要点)6_ 最后润色包装。固然你也可以有你自己的做字流程,效果才是最重要的。

我所说的只是一家之言,仅供参考。-三大原则-在这次的分享中我更多的从设计技法的纬度去剖析,在创意层面则会稍微提一下。我在设计大部门的通例商业字体时,会严格遵守三条原则,划分是:1、中宫外扩2、慎用技法3、重量一致-1 中宫外扩中宫收紧这种情况一般只存在在书法字体中,显得紧凑有力;中宫外扩则一般适用于方方正正的尺度美术字,既通例商业字体设计,使用此形式会让字体宽松而更规整。

因此这两种形式并没有优劣之分,视情况而使用。-2 慎用技法这里的技法是指字体设计时可以增加字体的设计感形式感的一些技法,好比:连笔断笔,好比:笔画特征粉饰。

技法需克制使用,如若泛滥使用,则会使字体降低了美感,甚至丢失了识别度。矫枉过正。不信请看下图~请问下图中设计的字体是什么内容?你是否还看得出来呢?“感官”二字能看的出来,后面两字是否无法识别只能带猜了呢?是的,因为识别太弱了。

字体设计的识别度严重不够,恰恰是因为忽视字体结结构成的。我小我私家以为,雅观性和识别度同等重要,好比一双筷子缺一不行。切记不行一味追求炫技,需克制,掌握好技法使用的度。需要更多思量字体的识别性和雅观度。

-3 重量一致重量一致是指在一款字体设计中,在视觉上每一个字都保持均等的分量,也就是在视觉上感受每个字都一样重。举个例子,如下图中的“一二三四国馨”,这些字的笔画从一笔到二十笔递进,疏密各纷歧样,为了到达视觉上一致的分量,在笔画少的字体中笔画调得相对粗一些,而笔画多的字体则将笔画调得相对细一些,从而到达整体协调。下面让我们进入详细字体案例的分析中吧~-第1款--前期思考 当拿到这个主题的时候,我想到的是唯美、古典。

定下字体气质,便按这个偏向找寻合适的参考。在搜寻参考的时候我突然想到了古修建的屋檐,也想到了用海浪的形态,既把四个字做成海水流动的既视感。最终思量到古修建屋檐的特征更有唯美气质,屋檐特征更为抽象简约,可以不繁琐且巧妙镶嵌在字体笔画中,与之共生,因此选了这个创意点。

(第一款字体我会稍微讲细一点,后面的字体重复内容我就不再赘述)-绘制手稿-字库字体结构参考接下来进入电脑执行(软件:AI),首先我会打“海棠未雨”几个字库字体放在一边,便于随时参考字体结构,也能制止自己政府者迷犯低级错误。相信我,人总会有犯傻的时候。哈哈。

-雏形用钢笔工具勾勒出基本型。-初稿做字时需不停检查“单个的字”和“整体的字”~单个的字:主要检查字体内部偏旁部首之间的位置距离是否协调,再就笔画与笔画之间的亲梳关系。整体的字:主要检查各字体的重量是否一致。-总而言之就是视察字体的“识别性”和“雅观度”。

现阶段,感受“棠”字略宽,“未”字略小,“雨”字高了。继续调整……-调整1_ 字体细节调整之后舒服了许多,很多多少方角部门做了“倒圆角”处置惩罚,更耐看了。2_ 做到这一步,感受整款字体已经没有什么大毛病了,但依然平平无奇。好,接着优化~-增强字体古典气质 | 最终稿1_ 加入了古修建屋檐的抽象形,融入每一个字的某一笔画之中。

添加了字体唯美、古典的气息。2_ 然后在笔画交汇处都做了“溢墨”(一般书法字才会有都墨水溢开的效果)处置惩罚,越发深了字体古韵味道。-一些思考其实另有很多多少细节都在做都历程中做了恰到利益都优化。

1_ 好比:“棠”字上面三笔,中间高双方低,为了识别也为了雅观;2_好比:有古修建屋檐特征的笔画的位置安放思量,相邻两字之间的屋檐特征笔画是坚决不能对齐,按这个尺度加上因地制宜安放之后的出现是犬牙交错的富有美感的一副画面,好像远处有一座座崎岖差别的古修建,还飘着雨。-做字全流程GIF图-包装-第2款--绘制手稿-字库字体结构参考-初稿快速把基本形执行出来~字体结构:属于上紧下松。字体特点:1_ 笔画横细竖粗。

2_ 横笔右端倾斜处置惩罚。3_ 字体的影象点在于“来”字的撇和捺,其他字也同样保持这样的特征。-添加字母粉饰-优化继续调整完善~1_ “来日方长”四字更紧凑排版。2_ 粉饰字母使用更小字重,为了弱化粉饰字母,固在每两行之间添加了横杆,亦更显精致。

-最终稿最后调整一下细节,好比整体特征笔画的处置惩罚,好比“长”字右下角断笔的处置惩罚。-做字全流程GIF图-包装-第2款 | 第二方案--绘制手稿-字库字体结构参考-初稿快速把基本形执行出来~该款字体为繁体字,第一和第四个字笔画繁多,第二第三个字笔画略少,因此在设计时候需要特别思量到“重量一致”到设计原则。

-字母粉饰现阶段这款字体各字之间的气势派头还不算很是统一(基本统一,但还不够)。-修改调整继续调整完善~1_ ”方“字曾实验另一种可能,“方”字为了在气势派头更与”来“字更统一、呼应,因此修改成了下图的方案。2_ “长”字的繁体字右下角做了调整,越发协调了。-横版最终方案1_ 经由再三权衡对比,还是以为“方”字左下角那一画,一笔下来更有气力感,有具设计感。

“ 2_ “长”字保持上图最终方案。之前“长”字右下角那一笔跟“方”字左下角那一笔严格对称谓应倾斜度,从而忽略了长字的整体协调性和稳重感。做了调整之后协调稳重多了,舒坦。

-实验另外的版式试一试另外的排版,探寻更多可能性~-手稿-新的版式 新的味道1_ 在上面加了一些数字与线条的装饰,更显精致。2_ 由于版式的差别,“日”字自己字体的宽度受限,思量到拉宽会改变字义(宽则为“子曰”的“曰”)。因此,把“日”字左对齐上面的“来”字,将中间的横笔破型出头到右边,正好填补了该处的空缺,更与每个字的最长横笔呼应。-做字全流程GIF图-包装-第3款--设计这款字体时,我并没有绘制手稿。

而是找到了优秀的字体设计作品作为参考,这个参考的字体内容并没有泛起“放肆喜欢”中任何一个字。只要能get到字体设计的焦点特征,皆可借鉴。

-字库字体结构参考老样子,电脑执行打一行字库字体(一般用通例黑体)作为字体结构参考。-分析参考设计笔形特征分析到位了,看透所找参考的字体设计作品的主要特点,或者说气势派头,将很是有利接下来的造字执行~-雏形1_ 在整体上,四字之间的视觉重量纷歧致。2_ 在细节上,许多细节的处置惩罚并不到位,显粗拙。

-初稿1_ 比前面雏形好了许多,但重量依然纷歧致。理由是双方的字笔画少,中间的字笔画多。怎么解决呢?这是个难题。2_ 另有一个问题就是:“放”字和“欢”字右边上面那一“撇”属于这款字的显著性的特征,中间的“肆”字和“喜”字却没有体现。

-调整“放”“肆”“欢”字在气势派头上和视觉重量上都到达尺度至上,唯独“喜”字差点意思。继续打磨吧。“喜”字是特别难做都一个字,谁做谁知道。-集中发力 设计“喜”字实验更多可能性吧,人都市有惰性,遇到难搞的字会意生厌烦,不外熬已往就好了~-多实验 总有惊喜在等你实验了好几款差别的“喜”字,最终找到了最满足的效果。

坦白说其时实验到最后这个“喜”字的时候,心里还是挺愉悦的。-最终稿最终出现可以说在尺度线以上。1_ 在字体气势派头方面,特征统一。2_ 在字体视觉重量方面,基本一致。

-特别讲一下这个“喜”字“喜”字笔画多,因此在兼顾识别性与雅观度的前提下,如何调成得气势派头一致和重量一致呢?1_ 最上面那一横笔做断笔处置惩罚,制止笔画多而造成的“密不透风”。2_ 中宫也外扩,既“士”部门最下面那横笔、两个“口”部门的宽度都处在一个合适的占比,因此在视觉重量上与其他三字是一致的。3_ 最难的点来了,这个字横笔太多,共有7条横笔,悬殊与其他字。

怎么解决呢?把两个“口”部门的下面一横去掉(并没有影响识别性,可以做),然后两口之间那部门(喜)两点一横合并成一笔,中间直双方翘起,翘起部门恰好有那两点的特征,因此整体识别性也够。这个“喜”字,用了断笔、连笔、共用的手法,但出现出来的效果是简练的,跟其他字舒适共存的,这就够了。

做字不刻意,不炫技,技法手法都是为了到达合理效果所用的手段,点到为止即可。-倾斜处置惩罚版本水平倾斜10度,垂直倾斜-7度,就有下面这种效果了。-做字全流程GIF图-包装-第4款--我很喜欢这个主题,窦唯有一首歌就叫《高级动物》。

-这是一款纯粹且凌厉的字,尤其是大刀阔斧的字胚之上加了一些尖角,点到为止。带刺的感受总能让我想到动物们的爪子,和抓痕。-我做字,很克制,不喜炫技,拒绝多余的素材。

就好比陈丹青所言,书的封面干洁净净最有书的样子,最像是书。书如此,字亦如此。-但我玩心也大,遇见特此外气势派头也已喜实验……克制与放肆同行,一切看心情,矛盾着前进着!--绘制手稿-字库字体结构参考-初稿-整体优化1_ “高”字和“级”字各一处笔画做断笔处置惩罚。

2_ “动”字右下角做减法。3_ “物”字左右部门宽度调治,左加宽了一些;三笔斜笔角度趋平调治。4_ 整体排版紧凑调整。

5_ 整体字体笔画按视觉重量一致原则做了统一调治。6_ 增加字母粉饰,字体为“Din”。-增强字体个性化特征1_ 在每个字右上角添加尖角细节,让字体更显尖锐。

2_ 在每个字最右边竖笔下端左侧添加尖角细节,宛如动物利爪。-倾斜处置惩罚更有动势水平倾斜10度,让字体更具动感。-做字全流程GIF图-包装-第4款 | 第二方案--绘制手稿-字库字体结构参考-雏形1_ 在AI用钢笔工具用要么竖要么横的直线勾勒出字体的大致型态2_ “高”字的横笔有6笔,与其他字相比过多,因此把两个“口”字部门各去掉一横,竖笔双双相连。

看起来更简约,也更具备设计感了,这是惊喜。而且视觉重量也更有其它三字更一致了。

(两“口”部门虽都缺了一笔,但它们共用之间一横笔,在视觉上它们就像从有距离的两个方形酿成零距离的两个方形,因此识别性并没有被削弱)-笔画圆化软化+添加字母粉饰-优化1_ 将字体线“转”为“面”,也就是AI软件里将字体的线条路径“轮廓化描边”成为面状图形,然后合并。接着针对笔画相交处做“溢墨”效果(前面字体有详细解说了这个观点),也就是在软件里针对交汇处的节点选中然后做“倒圆角”处置惩罚。

2_ 修改粉饰字母的字体,由"Din"的字库字体改成了“Rubrik”,气势派头上越发匹配了,理由是,“Rubrik”这款字库字体的气势派头也是外形属于圆弧状,笔端为圆头,跟我设计的中文字体气势派头一致。留心的朋侪应该察觉到了,设计的“高级动物”的两款差别气势派头的中文字体,与之匹配的字母字体也是差别的。-最终稿-轻微包装-做字全流程GIF图-动效包装闪烁发抖的效果让字体更鲜活更有生命力。你是否也会有这种感受呢?-第5款--绘制手稿-字库字体结构参考-限定字体外框区域+网格参考线+钢笔工具按手稿勾勒出基础结构线条这类气势派头字体调治起来会相对比力贫苦,限定字体的外款区域,有利于节约不须要的试错成本。

-字体基础结构线条-设置字体笔画样式1_ 调治好字体笔画线条的粗细。2_ 调治线条缠绕的走向与前后关系,只要营造绳索缠绕的感受即可。-优化_最终稿1_ 在字体笔画上添加一些小细节,尤其是转折出,有点像是小高光,多了一些质感。

2_ 添加字母装饰。3_ 字体中英文复制粘贴在底部,并放大,降低不透明度,效果蛮有意思的,有点像字体装于透明塑料袋内里。

(题外话:想象力,或者天马行空的怪异想法,对设计也蛮有利益的)-实验差别配色-做字全流程GIF图-包装-由于文章篇幅过长,固一分为二若干时间后再发下篇,后会有期-如果你以为这篇文章有所资助一定记得分享给身边的朋侪哈~哦,对了别忘了把「不错研究室」民众号设为星标哦关于不错研究室一个能看•直播,能看•干货的组织。一个定期推荐不错的全球设计师•行业大咖举行直播分享的圈子。一个天天分享设计干货的自媒体。每一篇都很不错。

给你的, 「悦目」点一点,存点精选。


本文关键词:履历,详解,11款,字体,设计,的,全,历程,上篇,ayx爱游戏官网下载

本文来源:ayx爱游戏官网下载-www.peel-ply.cn