keyoou

教程 > 文章 > 张家佳字体72变字体创意教程-超长特辑免费字体教程
13494
作业笔记 交流 | 定制

关闭

还能输入140个字 

超长特辑-超级详细版商业字体标志创意 时长:1小时50分    B站链接



欢迎来到张家佳字体设计小课堂,每周会分享一些字体设计的小技能,和设计字体的思路过程分析。


本次案例,分享两个商业字体案例,近期的一位客户委托设计,两个字体创意标志,一个是,方罐茶,另一个圆罐茶,客户要求只设计,方和圆两个字进行变形设计。


这时就可以结合我的独门绝技,字体72变进行对字形结构,不同方向变形,一方面,变形出来的字形风格多样,可以产出更多的设计案例,另一方面,也是对设计师,思维的一个锻炼,扩展更多的灵感。字体创意,和图形创意思维是相通的,只是表现的方法和形式不同,以字体进行图形化设计,识别性更容易记住,创新比较独特。


接下来开工,现进行对方字,初步结构变形,方字笔画结构只有三四个笔画,在设计上也会有一些局限性,笔画越少,变化的风格就越少。


第一步定位,在设计初期已经确定,客户需要简约风格,虽然方罐茶,听着很有传统文化气息,通常情况适合用宋体修饰就可以。对于这个案例来说,只能用线条进行,简化设计。



1、基础字形,在1字形的基础上,对方字下方两个笔画,进行水平倾斜变形,图2,同时还可以对右边笔画,进行不同高度视觉调整,对比结构变化使用。



图3,在对倾斜笔画曲线变化,让整体笔画更流畅,有对比性。接下来在对图2的案例,进行笔画连接强化变形。字形在变化到一定成度时,会发现前面的字形空间比较空,这时在对图4案例,空间比例适当调整处理。



接下来对上面倾斜变形的字,进行简化断开设计,那为什么要连接完后又断开了,这只是一种设计的表现小技法,尝试不风格,如图6。这时,在根据图6下方连接变形的笔画,将最上方笔画结构也进行,相同风格左右对称变形。



在对图6,的变形字,进行曲线角度调整,如图7,使整体结构更加流畅。图8,对方字最上方横线,两端进行曲线统一变形,同时方字,右边笔画也可以改变弧度和风格。



接下来对上方图8,变形的案例,使用横线拉长法小技巧,使两端笔画延长调整,可以让字形结构起到不同的视觉变形,此方法简单,易操作,如图9。

注:此时的字形拉长后,部分笔画结合时可能会偏空,这时需要进行结构空间适当调整,同时进行另一个方案变形,去掉前面的部分曲线,变化另一个风格的字形出来。



接下来在看图8,案例,方字右边笔画都是倾斜的,没有变化,接下来就对这个笔画局部变形,曲线修改,如图10。


接着在对图10,局部笔画进行,反向思路变形,将方字,右边笔画,镜像变形处理,曲线弧度可以适当调整,如图11。基本上对字体结构变形也差不多了,接下来进行对方字形,组合字体标志装饰等 。



选几个常规的变形字进行组合测试,方字从表面字意定位,为方,可以直接画一个方形,方罐茶产品也为方形的,正好融合,组合如下。



在把其他几个变形比较抽象的字形,进行组合。



接下来,将上面抽象化的字形进行和方框组合,这时可以发现,以上字形笔画有拉长,空间比较大,放入方框内时,需要对方框进行断开处理,避免影响字形组合 ,这几个字形变化视觉相似,细节有所不同,下面随机选几个组合如下。



这套方法基本完成,下面测试,把方框旋转一下方向,也相当于是用,不同的方框风格进行组合,如下。


方案二


方案二,相对方案一,在过程上会简单一些,这个方案主要是从字形结构上,进行创意融入变形设计,俗称笔画结构替换法,如果这个创意用到适合的地方,者是一个很不错的字体标志设计,如果没有什么创意的话,他只是一个笔画替换。


第一步,在方案一的基础上进行创意变形,比如,使用方框元素进行变形设计,这样也可以和方形进行衔接在一起。



根据以上方框图形笔画的组合,进行结构拼接,注:通常情况直接按正常结构拼字的话,就是一个笔画替换,可能达不到我们想要的效果。这时可以直接用独门绝技字体72变法则,在以上变化的结构之上,替换笔画,就像相于二次开发,变形是相同的道理,也可以理解是微变形设计。



接下来对上面的方案进行细节处理,将所有笔画连接的地方,圆角变形处理,方圆组合更自然。



这个方形元素组合的字形比较简单,字形比较抽象,不易变化太多,因为方形和方字本身就是创意元素的代表。



方案三


接下来在方形元素上,进行第三个方案创意设计,如果说上一个方案是由很多个方形组合的话,下一个方案将,化多为少由一个方形,进行创意强化变形设计,通过一个方形元素和只有三四个笔画的字组合,去延展创意图形,这时更能锻炼设计师的思维和对图形的把握。


第一步,如果只把方字放到方框内,第一个方案时就有这样的组合方法,所以需要改变原有的思路,可以把方形立体化,把方字,通过线条交叉透视创意设计。




选一个常规的字形结构,进行立体视觉变形,以中间为中心,左右两边倾斜的横线对称,上下保持水平,由于常规字形结构比较偏高,变形完后的字形中间会发生变化,这时需要注意空间结构适当调整。



根据上面的变形,将空间比例细节进行整理,如图1,方上面的点也进行水平变形处理,整体视觉更统一。立体视觉的方字已抽象化变形出来,由于笔画比较少,整体视觉偏空,还需要加入一个图形或框来稳定整体视觉。


直接在方字,添加一个立体视觉的外框,这样可以使用整理视觉更加稳定,同时在对结构空间进行收缩,每一次的变形设计,都会影响到结构的空间,都需要适合调整,如图2。



继续其他思路变形,在上一个字的基础上,对方字左边的笔画,进行另一个空间比例调整。如图3,把竖线和中间对齐,可以达到另一个效果 ,但同时左边也会偏空些,这时可以加个英文或加个辅助。

之后继续在图3的基础上,去掉英文装饰,在方字,左边笔画上加一条竖线修饰,如图4,也可以达到另一种视觉效果。



最后在对上面几个方案,进行细节优化处理,局部笔画也可以适当微变形。从正前方看立体视觉已体现出来了,有一点像正方形的盒子,如果在用另一个视角观察,又有一些扁平化,可能是每个人的视觉不同所产生的。

接下来继续在这个视觉上,进行改变原有的视觉角,通过几个不同的视角,找到方字变化的最佳视觉。



在上面选一款适当的字形如图5,对上下笔画进行不同角度调整,如图6。设计是一个测试的过程,能想到的方法还是要去尝试,即使在这个方案用不上,可能以后其他的,项目中就可以体现到,这也是对思维的锻炼和总结作用。



以上两个方案进行对比微处理,当所有线都水平时,方字前方视觉有些偏下,所以在最后一个方案变形时,我将最上面的笔画,向上微调整了一些,偏离了原有的水平线,让整体字形变化更平和一点。


圆案例


第二个案例,圆字,从结构上看,圆字的笔画要比较多,但大部分都是横线,在设计时变化风格可能也会被限制一些。在这里如何破解这个方法了,可以按照方字的方法,进行不同结构变形设计。



图1,为基础字形结构,在这个字的基础上进行其他的变化,如图2,两个常规的案例,圆角变形加内部连接处断开处理。



接下来,在图2的基础上,在把内部,局部笔画直接半圆变形变形,如图3。之后还可以将圆,下面笔画进行连接,同时最下方圆形变化,如图4。

继续使用常规手法,将最下面连接的笔画省略,连接共用,如图5。笔画共用法在设计艺术变形字时是非常,常用的方法,可以让字形结构更加简约化。



在对上面的案例进行,上下全部圆形变化,如图6,同时可以把连接的,在断开。当圆字,上下全面圆形变化完成后,在对圆字中的口字笔画,半圆处理,使用整体更加融合一些,如图7。



接下来就是,把上面的变化案例,圆字结构,直接把外框用圆环替换,同时内部局部笔画,也进行适当半圆处理变形,对比如图8,不同细节变化的字形结构。



在对上面的变形字,替换外面的框,可以直接沿用方字,当时组合使用的图形,方形旋转进行圆角装饰,对比变形效果如图9。



这一步对图9案例,左右两端圆角变形,上下保持不变,效果如图10,之后在把图10,内的口字笔画,和整体结合变形成,左右平行,内部形成一个三角形,如图11。

之后在将四个角全部,圆角变形,变形完后,整体类似一个椭圆形,如图12。



通过结构变化的方法基本差不多了,接下来使用字体创意法来设计,可以直接结合,方字的立体图形延展,圆字,这里我直接使用圆柱图形来设计这个字,圆罐茶的外形正好也是圆柱形,也正好能接合到一起。


有了方字的创意图形,在设计这个圆字时,也可以节约很多的时间,方法很简单,将所有的横线使用一个扁圆,替换,最后删除不需要的线条,就可以变形出一个圆字的大概结构,如图13。



组合上面的变形,进行细节优化变形得到如图14。最后一步,对这个圆柱的字形结构进行简化处理,将最下方笔画进行,共用法变形设计,得到图15。




通过变形过程可发现,字形变化的多样性有很多种,使用这样的变化思路,在加上不同的变化设计方法,设计形式会更多,重要的是可以锻炼设计的思路,方便后期在工作中遇到设计时,可以快速定位进行设计。

由于是分享设计思路,我分享的设计思路会比较多一些,这只是通过线条风格来变化的字,字体设计的方法还有很多种,希望能通过这个案例能给喜欢字体设计的朋友们一点思路灵感。


张家佳字体72变下期,在再会。



最新教程
查看全部
10年专注研发5大字体品牌产品

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