ziticq

张家佳设计

北京市 品牌设计师

帮忙改字-字体变身法-字体设计实用技能教程分析1-张家佳

原创文章  经验观点       2017-11-06    © 版权 
87045

一直以来录了很多高清无码的字体设计视频,这次闲下来写一点文字版的总结分析,以下字体设计为往期字体直播时分析现场字体设计师们发的一些案例,每次在公众号上面发视频,大家建议说写一些文字版本的,说看高清无码太费流量之后我就在想你们平时看其他期怎么不怕,所以这次进行文字编辑整理一下,家哥可是一个有心之人啊。

 温馨提示:

做字体常用工具(Illustrator CC 2017) 设计师最常用快捷键 A (直接选择,对某个路径的点选择变化移动,比如对某个部位,你懂。) V (选择工具,图形移动位置和方向距离大小等比如直接把别人的东西拿到你面前。) p (钢笔工具,当你需要时可以随手随时随地,想画哪里就画哪里。) 熟练,这几个工具就可以尽情的玩耍你的设计了,对字体,标志,图形,已经够用啊了。

blob.png


套路分析:

趣味卡通字体创意设计,这是一个卡通版的字体变形设计,卡通字体设计的特征圆圆的外表,胖嘟嘟的,粗细对比的笔画,这是卡通字体的特征之一,比如这个设计师做“鸭”还是非常有特征的它不单单是一个卡通字形,设计师通过对鸭子的特征,精心融入设计定位设计,使字体更加灵活,有趣味性,比如放了一个小帽子代表一个点的笔画,一个鸭嘴和笔画的巧妙融合使卡通字体瞬间更加个性有亲切感。那么这也算是对一个字体,精心的打扮和化妆之后的效果站在你的面前。



blob.png


温馨提示:

 曾经有设计总监是这样对我说的,好的设计不单要看他上妆以前更重要的还是黑白稿纯黑纯白的对比才能体现设计细节的魅力。有的时候我们只注重他的外表,其实卡通字体脱光了所有的效果色彩,一切变得平淡如果不是创意变形的卡通字体,只是普通的字形变化,可能还没有字库的字体好看。

 a图是对上方字体的灰度变化的一个对比,那么对卡通字体设计效果视觉影响不是很大还具有立体化感觉,效果佳。一般如这个卡通字体设计需要有颜色的层次才能分明出来。



blob.png



b图彻彻底底的纯黑,去掉效果后瞬间字体没有任何细节,去掉创意图形甚至,就是一个基础字形识别度也会降低美感就不再多说,所以你喜欢淡妆还是喜欢浓妆。

当我们去掉效果之后才发现他的问题所在今后我们不管做字体设计,还是图形设计,那么都要注重细节,空间比例等,都将会影响影响到我们的黑白图的效果。

不一样的设计,体现的形式是不同的,设计的细节是我们设计师,都要努力遵循的。设计的美与丑只是技术的问题,活要想好就得多练。



 blob.png



套路分析: 

右图的字体设计方法为结构比例对比法通过对字体的,笔画多少进行设计一般日系艺术字体设计的方法用的比较多,在设计处理时笔画多的视觉交汇空,上下笔画少的如西视觉笔画较少设计时者反相处理,左右笔画之间也进行了视觉移位处理。其实也可以这样理解当需要时字能长能短能伸缩如”高“”西“这下懂了吧!



 blob.png



温馨提示: 

a为整个字体视觉的外框,这时我们可以发现字体结构根据,不同的空间高低对比,者会出现不同的组合排列方式。 

b不同的横线高低对比者视觉不同,如果你喜欢参差不齐的对比排列视觉,者这个很非常适合你,萝卜白菜各有所爱。 最上方的横线对比,与V大概同一视觉即可,下面还会说到其他方法。



套路分析:

那么这个字和上面的字体设计对比,则更加规范,严谨(这里的严谨,并不是很规范的字体)而是在变形字体的基础上的一种严谨。 

a这里则采用的是所有横线一致对齐,这是家哥非常喜欢用的一个方法,则于上方的表现方法不同。 高原锌:字的空间也进行了细微的处理,简单的笔画移动,对字体并没有多大的影响,但在细节层次则不同。 

b艹字头这里进行断开处理,这个方法已经非常普遍,设计师必会的技能之一 

p的笔画为了和整体统一进行了移动处理。最后硒下方偏空,那么随手加上英文字体设计组合上,这时视觉空间,看着就会更舒服,欧叶搞定。


 


blob.png

 



套路分析: 

从字面意义解释,高温,给人感觉温度很高,有点蒸桑拿的感觉,那么以创意角度来定位设计,通过 高温联想到鸡蛋也是不错的思路。 这是上周字体公开课现场改的一个字体设计,上面的是源一开始设计的高温,当字体创意遇到鸡蛋煎饼,感觉创意很好就改了一下。

首先鸡蛋煎饼太有创意都不忍心修改,但设计师都是有好奇心的,来看看鸡蛋煎饼和整体字形风格不太统一,高下方笔画为圆内部是不规则的变形,外部均为规则变化温字整体为方形断开法,加连接法笔画变形,两个字各有各的风格。

如果非要做成统一视觉那么就得改造,如果做类似日系字体者不用改因为这个创意是可以的,下方为家哥按自己的套路改的一款。


 

blob.png



套路分析: 

a的圆保留 b的方变成了圆同时进行对比画横线做了个小错位处理上方加了个小的温度符号。 

p的位置,把鸡蛋煎饼去掉了,通过结构变化巧妙融入温度计的表现方法更加有趣味。 

温馨提示: 

由于两个字的,高度不同,大小不同所以这时可以进行多方位的组合,也就是各种位置的交换,比如前后上下左右,设计师,你懂的。



blob.png

 

套路组合:

组合一:一上一下这个比喻很恰当,这种对齐组合是最常用的方法之一简单粗暴,那么家哥今后会给大家分享更多的组合套装方法。

组合二:一字一高时,可以以某一个字的上对齐也可以下对齐。 




blob.png 


套路组合: 

这是一个比较标准变形的字体标志设计,通过简单的路径和线进行对字体结构变化连接设计,其中简单的,路径,字体设计,包含了很多的细节,包括着字体的空间比例,大小,和统一性有的时候,越简单的字体细节者越多,也就是放大不显得空洞,缩小不显得拥挤,能小能大又能看。



 

blob.png



温馨提示: 

每个字体设计都有他的个性和规范,如这个字体设计虽然字形很简单,但也有它的个性,如,上平,下圆的风格。 

a和我们上方的的一个字体的方法很类似,每个字体设计的横线都是水平的这时,这个字的上方,a则是平衡正形。 

b位置的最下方,这时它的下面可以经过任何方法修饰,不规则的变形,那么这里用的是最简单的圆形来表现,同时也是上方进行简单设计下方变形的一种套路表现。作为老司机的你,上面平没有关系下面可以任你玩耍,那么这一招绝对是设计师的大招,哈哈!



 

blob.png




p这个案例是一个意思上面平行时,下方可以各种尖角而变化,这一招你学会了吗?欧叶。



 blob.png



套路组合:

一般对字体标志,装饰的方法之一,就是对它的边角进行修饰,同样的道理。 

a上面比较平那么我们可以在上面做一个小的三角修饰,下面也是可以二次设计的,下方的圆也可以简单修饰一下,如果你的活儿够好,可以继续开发。



 

blob.png


既然是字体标志,那么就有它的组合方式和各种方法,来慢慢听家哥给你分析,比如这个字体标志设计上方视觉比较平,广告语,副标题,英文可以放在上面,但是如果内容过多,放在上面一定是不好看的因为越压越平,小的修饰就被弱化了,所以这里我们给放在他的右边,或左边也是可以的,通常设计师选择右边,我们也可以进行对他修饰,左边字体设计视觉偏重,广告语六个字我们加四个小圆为了和左边视觉平衡。


 




温馨提示:  

v既然是套路那么当你圆的时候你还可以是方的,当方的时候还可以是别的所以形式是变化万千的,这个活是不是太常用了,各种型号任你挑选。



blob.png 



宋体修饰艺术字形: 

宋体修饰类的字体,通常用在文化传统元素类比较多,这里所呈现的视觉者有所不同。 第一个字规范标准,第二个字微微有一些笔画变化,从形式表现比较灵活。超细横线和宋体装饰的方法结合,给人一种素雅的时尚文艺气息。



  blob.png



宋体系列表现形式a: 

这里简单举例几个设计中常用的方法和技能,现从笔画来说,笔画粗细不同对字体视觉和形式者有很大的改变。

下面举例如:

思源系列不同粗线笔画表现。我7个不同的粗细系列里找两个最有代表,特细,最粗。


 

blob.png



从b展示的横竖线可以看出来,粗细对比特别明显时,横线基本上是变化不大, 中国字体有一个特点,就是横轻竖重的原则,所以这里所体现的设计方法就是这个道理,字库标准字体横轻竖重结构是比较稳重。我主要是为了体现下面的几个小技能。


blob.png

 

宋体系列表现特细c: 

这里所有的方法者是我们在网络上看到字体设计师们用的最多的几个方法,超细的横,要比字库的细一半,这也是这种艺术字形的亮点所在,其他的笔画者为常规笔画。



blob.png



如d:呈字忽略第一条横线一半可以识别,第二个字直接去一个也可以识别,第三个如何去两个几乎单一看一个字很难识别了,所以这种方法的应用和字体结构有很大的关系,横竖线多时这个方法者不太好用。


 blob.png



如c:在来看像字就不一样,三个字分别一二三的去掉每一个横线,识别度还是杠杠的,提示:当横线少时,点撇折多时,这个方法是很适合的。


 blob.png



e是我们群里一个设计师做的一个案例练习展示,可以看出来方法很好用,效果也很显著,去掉笔画的多少和字形笔画有关联。如前面几个字的横线如果都去掉,可能影响结构。 

续:前面说的都是横线细,下面分享横线粗的时候展示效果。


 blob.png



宋体修饰艺术字形三: 

续接上文讲到,俗话说的好细的时候总会变粗的,案例的字形和我们上面分享的几个字风格有很大的改变,粗壮结实,厚重,加上简单的宋体笔画修饰,类似民国风格,这里他属于一个简体改装版本的。因为有关民国风的字体也是变化万千,这里我们用这个宋黑体举例。


 blob.png



技能分析: 民国字形特征一:横重竖轻,并不是所有的这样的,类型属于黑体+宋体(简体改装版修饰)


blob.png

 

g为思源宋体标准视觉笔画。 上面展示的简体民国风字形也就是F+G 笔画行进组合形成的一种新的修饰。

G为思源宋体。我们也可以再次修改笔画。 可以根据局部放大的笔画进行修饰,体现厚重的笔画出来,形成另一种视觉,粗壮有力,视觉饱满的字形设计。



 blob.png




如: 改装版修饰h 在思源宋体(红圈内)的基础上去掉了圆角修饰。外部对比的是一个简体改装版修饰厚重的笔画。省略了很的细节,笔画更加简洁有力,也属于最基本的一种。这也是“报民国”字形的方法,同样还可在这类笔画上在次升级,还可以组合成新的字形出来,如下。



 

blob.png



如:改装版修饰X 左1为第一次的变形, 右为在左1基础上的再次升级,微微加入一些笔画修饰上的细节和弧度。又一种新的笔画组合,其他的基本笔画就比较简单默认变形即可,可以根据这几个主体进行简单的修饰。 下面简单的处理几个笔画,组合一个字形出来,看看不同的视觉变化。


 blob.png



如:i 提取几个常用笔画进去组合设计,横竖线保持不变,粗细对比,按照以往的方法进行拼接笔画(笔画的细节和修饰很重要,需要我们认真对边角修饰。)


 

blob.png


技能分析: 第一步,拼结构,根据标准字体结构,空间,比例大小,把字形拼出来,标准字形视觉重心很重要,可能这样理解重心就像在田字格写字一样。如果没有拼字体结构的经验,可以看下我们往期录制的一些字体视频教程。


 

blob.png


技能分析: 第二步,也是最简单的方法,把上面我们修饰过的笔画直接替换即可,方法简单粗暴,修饰的技能也是大同小异,但字形的视觉也发生了很大的变化。


 

blob.png


第三步,字形拼完成后,在慢慢的修饰各各笔画之前的空间结构细节等。有关修饰细节的内容,后期将会分享更多,请关注。


 

blob.png


笔画改装版修饰二: 续上一个笔画变形的方法,我们进行对另一种民国笔画进行修饰修改,得到这个更简约的笔画,去掉尖锐的角,得到一个类似黑体的笔画。


 blob.png



技能分析: 上面用的是横细,竖粗的方法, 这里我们换成和上面报民国的方法一样,横线。 字体的形式视觉可以发生点改变,这里我们用民国里常用字的视觉细长形字形,使字形看着更加的潇洒。 这种方法适合横线多,竖少的字形,字形结构体中空的时候,细长形的方法可以解决这一个问题,反之设计形式调换法如下。


 

blob.png


如:示意图 设计方法永远都不是唯一的, 示意图1,竖长方形 示意图2,横长方形 那么这里展示的意义就是,字形结构有时不但可以竖着,他还可以是横着的,横着时笔画的高度就会变底,很简单的意思,就是的人睡下一个感觉。 

当笔画空间识别度都一样时,横向视觉和竖向视觉发生改变,字形的视觉风格就有所不同,从而改变这个字形的性格, 瘦高,和矮胖这个说法。


 

blob.png


技能分享: 我把安吉白茶放倒后的视觉,这里并不是说把字做成倒,只是举例,遇到类似的结构竖多时可以这样来体现,效果也是很不错,宽度都是可以根据结构空间而改变。 下面家哥将分享几个民国字形里常用的笔画。

blob.png


技能分享: 有关笔画扩展这里主要展示一些,点,撇,折提,笔画,横竖变动的比较少。


 

blob.png


系列一: 笔画修饰粗细无尖角,点,撇,提较轻,刚柔并济。


 

blob.png


系列二: 笔画修饰厚重,点,撇,提如大刀,宋黑体风格明显。 




 blob.png



系列三: 笔画点,撇,尖锐,黑体中带尖利感,比较时尚。 



 blob.png



系列四: 笔画点,撇,提如叶片还加一小拔,黑体中一边圆弧一边平切给人种文艺时尚感。




 blob.png




系列五: 笔画点,撇,提与宋黑体类似,笔画更加流畅稳重中带点修饰美感。 




 blob.png



系列六: 笔画点,撇,提稳中带些规范,也就是和字库字形相通,尖尖的笔尖加上曲线线条使字形笔画更加优美,五和六笔画接近,风格上会变化很多,以此类推不同修饰的边角组合,可以组合几十款,或百款以上不同的字形。 

本期分享到这里,下期再见! 

see you


分享:

其他文章
查看全部
10年专注研发5大字体品牌产品

给设计师带来更多创作价值 - 课游视界 × 字体传奇 × 张家佳字体团队出品