笔画字形(体)设计方法大纲

标签:
文字符号设计字体设计艺术字设计方法设计大脑 |
设计大脑 文字符号
设计方法 分类大纲整理
巧形创意设计总监
牛奔编著 转载请注明出处
------------------------------------------------------------------------------------------------------------------
1)把握文字特征
http://s10/middle/736e77e2tc96e3c29c019&690
http://s15/middle/736e77e2tc96e3c38c92e&690
2)协调笔画结构
3)字体个性表达
1、笔画/字形(体)
------------------------------------------------------------------------------
一、笔画/字形(体)
笔画上设计处理方法:
这里列举的例子都是在网络上搜集到的各位设计同僚的设计作品,只是做学习使用,并非拿来做商业用途;很多列举的例子并非纯粹的使用一种方法,所以很多例子不极致。但是大家能理解意思就好。
不可能将所有的方法列举全面,关键的不是有多少种方法,而是分享给大家一种管理设计的方法。知道在脑子里如果存放这些方法,后文会讲到。
笔画粗细对比
http://s13/middle/736e77e2tc97e30618f6c&690
我们可以加粗或者减细笔画,也可以强化笔画的粗细对比,宋体里面本身就是横细竖粗,是为了视觉上的容易识别,当然我们也可以像上图图示中一样,竖笔比横笔细。
笔画的粗细,不是单纯的为了效果,很多时候是为了处理笔画较多的字,有的汉字横笔或者竖笔过多,我们可以简化减细不太影响字形结构的笔画。笔画粗细对比强烈有时可以产生很时尚的效果,很多时尚杂志都在使用特宋这种笔画粗细对比强烈的字体,就是因为其本身传递出的量感,字体看起来叮当有力,像是产生了强烈的声响,又现在的话形容就是看起来很酷,这种“酷”,不是通过特殊的设计手法表现出来的,只是通过加强自身的横竖笔画的量感达到的。
笔画分割
http://s16/middle/736e77e2tc97e3a7638ef&690
笔画的分割或者分离,可以表达畅通感,同时这样类似空心字的手法,加上汉字本身笔画很多,就会造成视觉上的闪烁,比如上图中的“孙子兵法”,这种视觉闪烁,让人迷惑,但同时符号字体的意义,兵法--布阵,迷惑等等。
笔画分割较细时,看来也会像是字的高光,这就使字产生了立体感。像上图的“西街走廊”,处理时,可以根据感觉需要来觉得分割的距离大小。
笔画挨近或重叠
http://s5/middle/736e77e2tc981f45a25a4&690
我们可以拉近两个文字的距离,只要这两个字的两笔笔画靠近之后,不会对文字结构产生影响,不会影响文字的识别,像上图图示中例子一样,笔画挨近,甚至有的笔画重复时,就用同一笔代替,省略了笔画,这种手法也给人一种试图努力区分文字和解读单个文字的乐趣。
笔画连结
http://s3/middle/736e77e2tc98258c6e4f2&690
行书里会连笔,书写快速之后,自然形成了连笔,所以连笔不只是为趣味,在视觉上,也使字体看来流程,很多表达快速,畅通的产品或服务都喜欢采用连笔,例如,物流,交通等,笔画与笔画的连结,需要先分析笔画是否适合互相连结,连结之后,字与字彼此之间的结构时候还能识别。
如果笔画连结之后,确实影响了文字结构,适当的断笔,用间隔来补充字体结构,不用刻意的非要连成一笔,很多初学者,都很刻意的进行连笔处理,导致文字结构都被埋没在连形成是新结构里了,这种以忽视文字识别性的连笔处理不可取。
有的字可能上部分的横笔适合连结,有的是字的中线,有的下面的笔画,如果你打算竖着排列文字,就考虑竖笔的连笔处理,
笔画断切
http://s13/middle/736e77e2t7a8cfef6bccc&690
有连就有断,汉字结构有很多转折和链接处,这些部分在视觉上会挤在一起,形成较大的面块,特别是当我们需要将字体处理成很粗的笔画时,这些面块就会形成视觉的上噪音,断笔可以增加间隙,缓解这些较大的面块。
断笔可以有很多种断法,但是常见都就是在转折处和连接处切断,还有一些是为了创造一种字与字之间的呼应,而特意采取在固定的某处进行裁切。
笔画省略
http://s12/middle/736e77e2tc981f52f7cfb&690
与上面切断不同的是,省略是直接省去某一笔,例如上图图示中,“触点”合用了口的一笔,右边的“原点设计”则统一省略的口的竖笔,这样可以使原本竖笔很多,字体结构又是左右结构的“设计”看起来清爽许多。
在文字中,如果重复笔画过多,我们可以考虑使用省略笔画,如果我们需要采用紧凑的效果,又要保证文字易读,也可以考略笔画,共用笔画就是省略了笔画。
有些字体设计分类方法,有两笔合一或者一笔勾销等等,他们都属于连笔,不属于笔画省略,连笔没有省略笔画,在视觉上,他们都完整只是连在一起了,省略是直接的去掉。在效果上也许目的类似,但是思维上不同。
笔画添加
http://s15/middle/736e77e2tc981f5b5b56e&690
有省略就有添加(添加笔画不是在添加一个具象图形,添加抽象图形的字体设方法在后面的博文讲,这篇博文只讲单纯的笔画字体的处理方法),添加新的笔画,不能破坏字体特征结构,影响字的识别,添加往往是为了烘托,强化字面意义,这种手法也不是笔画的延长,而是加入新的笔画,修饰字体。
笔画间隙填满
http://s3/middle/736e77e2tc9d04acdb042&690
如果将笔画加粗,有的围合间隙就会变小,如果笔画足够粗,即使将其填满,也能达到呼应效果,围合成的空隙本身就是方块,其四边形的特征还是很明显。
笔画末端--尖锐
http://s9/middle/736e77e2t7a8cfee14f68&690
比较常见的处理手法,就是直接将笔画末端,处理稍微处理成上图所示的样子,这是比较简单的使字体产生统一感的方法。当竖笔较多较粗时,可以处理竖笔末端,如果横笔较多,可以像上图“地下铁”一样处理横笔末端。
笔画末端--延长
http://s1/middle/736e77e2tc981f6050770&690
适当的延长某一笔的笔画,使文字产生亮点,或者在所有文字上共同的某一个笔画一起延长,从而统一字体,不失为一种办法。
笔画末端--扭转
http://s16/middle/736e77e2tc981f4e0dc3f&690
笔画延长之后还可以做很多效果,比如扭转,如上图所示,很多外国拉丁字母花体设计,喜欢将最后一笔延长,然后转成很漂亮的花纹,汉字中也有很多女性意义的字体设计,也模仿这种手法,塑造女性的感觉,有的可能要添加一些额外的笔画。这和我们后面归类的“笔画添加”略有不同。
笔画末端--衬线突出
http://s3/middle/736e77e2tc981f506e0d2&690
针对笔画的末端还可以故意使其突出点,强化结构,也能做到统一。并非是某一笔的延长,而是每个字的四周笔画末端都模仿英文字体里的衬线字体,笔画末端的突出强调。
笔画回折
http://s2/middle/736e77e2tc981f6210821&690
很多不是繁体字的简体字都在模仿篆书的效果,将笔画进行回纹处理,这种做法,可以填充笔画较少的字的内部空间,只要多出来的部分仍然符合文字结构特征,还是能够识别出来的。同时这种字体,给人传统的意蕴,传达出篆体字的意味。其笔画都是横平竖直,也强化了方块字的视觉效果。很多这种类型的字体都设计的很复杂,而识别困难,当然如果我们打算做成窗户屏风什么的,再怎么回转都不为过,但是如果作为标准字,或者字体标,识别性还是第一位的。不应让“个性”埋没了“识别性”。
笔画方块化
http://s10/middle/736e77e2tc981f48a8359&690
和笔画回折不同的是,这并不是利用回文来填充空间,也不是要加入篆体书的古味,而是纯粹的将所有笔画都做横平竖直的处理,将所有斜笔也做水平垂直处理。因为汉字方块字的结构特点,这种处理手法也适合汉字,同时给人机械,现代几何化的感觉。只要不很负责的文字,也可以很快识别。
撇捺挺直
http://s12/middle/736e77e2tc981fa6e872b&690
弯转的撇捺,有时和方块字有些难以呼应,将它们挺直处理,可以呼应竖笔,同时字体看上去更加犀利稳健,具备男性、商务的气质,如上图图示。如果要设计的文字中,只有一两笔是撇捺,那么我们可以直接处理成直的斜笔,来呼应竖笔,如果很多撇捺笔画,那挺直的处理可以得到行的呼应效果,如果,上图左边的“未来广场”,每个字都有撇捺笔画。
撇捺呼应
http://s11/middle/736e77e2t7a8cff6db09a&690
如果文字里撇捺很多,包括横折弯钩,我们可以直接利用撇捺强化来使字体得到呼应,与上一种撇捺挺直类似都是处理撇捺,这里是笔画的弧线呼应。这两种手法都是针对撇捺笔画较多的文字。
折笔圆滑呼应
http://s3/middle/736e77e2t7a8cff94dba2&690
将直角的笔画处理圆滑,可以改换文字生硬的气质,文字同类笔画,或同方位的折笔,处理成圆角,本身就是一种调和呼应的手法。就像把文字放在一个圆角矩形里一样。
斜笔呼应
http://s12/middle/736e77e2t7a8cff7820eb&690
很多字体里斜笔较多,强化出斜笔,也符号我们的意图,那么我们也可以将某些横笔做倾斜处理,使所有自己都往统一角度滑落。形成新的视觉美感。
http://s13/middle/736e77e2tc981fae5bf8c&690
除了横笔倾斜外,还有一种最常见的处理就是将折笔处做斜线处理,多出转折的笔画,使字体呼应,如上图的“创意设计”,还有很多标志标准字喜欢,直接切掉转折处,例如上图的“国际中心”,都可以塑造出斜笔呼应的效果。
笔画的像素化
http://s5/middle/736e77e2tc981f5ebc344&690
这种笔画的处理手法,是模仿像素化形态的来的,转折处,形成点化效果,户外大型广告屏上的效果,可以塑造科技化的味道,同时其散点式的视觉效果,也类似点彩画法,模糊的视觉视幻效果,也可以表达类似主题的设计,比如上图的“布波印象”。
一笔笔画特殊处理的呼应
http://s16/middle/736e77e2tc981fb228d9f&690
http://s7/middle/736e77e2tc981fb566db6&690
http://s4/middle/736e77e2t7a8cff8d1693&690
有时为了使文字之间有强烈的呼应效果,我们也会找出其共同的一笔笔画,对其进行特殊处理,上面的三幅举例中,大家可以看到,特殊的一笔处理,并没有和其他的笔画有共同点,这特殊处理的一笔在笔画特征上与其他笔画有很大差别,这是一种,通过特异手法来达到呼应效果的手法。
一笔笔画特异
http://s5/middle/736e77e2tc981fbabc704&690
有呼应,就有特异的追求,将其中的某一笔,做特异处理,增加亮度,注意这里不是置换图形手法,没有加入具象的图形符号,具象图形符号与文字符号的组合方法,在下一篇博文里,这里的特异笔画只是没有具象意义的特殊笔画而已,仅仅算是加入了抽象图形。
以上都算是笔画上的处理方法,下面是从字形上整理出来的处理手法。
字形拉长
http://s1/middle/736e77e2tc981fc350ef0&690
同时拉长所有文字的笔画,使字体看起来瘦长高挑,如上图图示,在方块字的基础上,竖笔无限制的延长,也没问题。
延长字形,重心就落在了横笔上,横笔的上下移动,对字体重心起到了关键作用。
字形压扁
http://s11/middle/736e77e2t7a8cffa9e15a&690
有长就有扁,宽大的字体,压缩后,也可以得到很酷的效果,追求辽阔,大气,文字,都可以考虑字形的压缩,在水平线上的压缩就是在强化横向视觉,可以增加速度感,所以很多横笔连笔的处理,为了追求速度感,也会同时压缩字形。
字形倾斜
http://s6/middle/736e77e2tc981fc5b2375&690
有的字体可能不需要做多大变化,只是倾斜一下就可出现想要的效果,倾斜本身就是一种协调呼应笔画的手法,有的撇捺笔画,当我们倾斜后,它们自然与竖笔统一了,例如上图的“易邦”“开口乐”。
除了字形倾斜,也可以像图中的“四川”一样,笔画倾斜错落,来得到倾斜效果,这种手法适合笔画单一,结构简单,错落之后,结构依然能识别的情况下。
字形错落
http://s2/middle/736e77e2tc981fbeffcd1&690
分析文字的笔画,然后上下左右的组合,让横笔或竖笔在一条线上,从而容易连笔,或笔画互相替代,或者文字字母意义就能通过错落表达。其造成了很好的视觉效果,但是也要注意文字阅读的习惯,不要错落之后,读不通顺了。
字形反转
http://s6/middle/736e77e2tc981fc161de5&690
有些文字左右结构形态差别不大,有的文字结构简单,发转之后,依然能识别,或者文字的字母意义,需要用反转来表达,例如上图的“印刷”“平面印制”,香奈儿的标志就是发转字母的设计。因为拉丁字母结构相对简单,反转之后,依然能很快识别,但是汉字结构将负责,往往发转之后,不容识别,所以这种手法相对较少。
字形正负
http://s16/middle/736e77e2tc981fcf0eeff&690
反白处理的效果,也是一种方法,有时候,我们直接放在一个底色上,如上图的“东”,有时候我们利用文字笔画来塑造正负形,如上图的“黑白恋”“兄弟映像”。
字体的不同组合
http://s7/middle/736e77e2t7a8cff090dd6&690
采用不同的字体组合,或是粗细不同,或者是字体不同,往往是根据要设计的文字意思来决定,对比也使得文字意义的结构得到重视,增加了主次关系,增加了重音,例如上图的“醉江湖”。
字形的空间体积
追求体积空间,是很多现在字体设计的追求的,特别是很多电影都在往3D发展,它们的字体都设计成了立体效果,除了最基本的将笔画立体化之外,还有很多可以塑造空间体积的方法,例如: 透视、光影、投影、重叠、虚实、放射、变化程度、层次变化、不同方向等等,如果你看过我整理的关于标志图形的空间体积的处理手法,你就知道,这些方法也完全适用于字体设计。这里我们并没有找到很完美的汉字设计案例,所以仅仅贴出几种,以后慢慢补充。
http://s13/middle/736e77e2tc97e30618f6c&690
笔画分割
http://s16/middle/736e77e2tc97e3a7638ef&690
笔画挨近或重叠
http://s5/middle/736e77e2tc981f45a25a4&690
笔画连结
http://s3/middle/736e77e2tc98258c6e4f2&690
笔画断切
http://s13/middle/736e77e2t7a8cfef6bccc&690
笔画省略
http://s12/middle/736e77e2tc981f52f7cfb&690
笔画添加
http://s15/middle/736e77e2tc981f5b5b56e&690
笔画间隙填满
http://s3/middle/736e77e2tc9d04acdb042&690
笔画末端--尖锐
http://s9/middle/736e77e2t7a8cfee14f68&690
笔画末端--延长
http://s1/middle/736e77e2tc981f6050770&690
笔画末端--扭转
http://s16/middle/736e77e2tc981f4e0dc3f&690
笔画末端--衬线突出
http://s3/middle/736e77e2tc981f506e0d2&690
笔画回折
http://s2/middle/736e77e2tc981f6210821&690
笔画方块化
http://s10/middle/736e77e2tc981f48a8359&690
撇捺挺直
http://s12/middle/736e77e2tc981fa6e872b&690
撇捺呼应
http://s11/middle/736e77e2t7a8cff6db09a&690
折笔圆滑呼应
http://s3/middle/736e77e2t7a8cff94dba2&690
斜笔呼应
http://s12/middle/736e77e2t7a8cff7820eb&690
http://s13/middle/736e77e2tc981fae5bf8c&690
笔画的像素化
http://s5/middle/736e77e2tc981f5ebc344&690
一笔笔画特殊处理的呼应
http://s16/middle/736e77e2tc981fb228d9f&690
http://s7/middle/736e77e2tc981fb566db6&690
http://s4/middle/736e77e2t7a8cff8d1693&690
一笔笔画特异
http://s5/middle/736e77e2tc981fbabc704&690
以上都算是笔画上的处理方法,下面是从字形上整理出来的处理手法。
字形拉长
http://s1/middle/736e77e2tc981fc350ef0&690
字形压扁
http://s11/middle/736e77e2t7a8cffa9e15a&690
字形倾斜
http://s6/middle/736e77e2tc981fc5b2375&690
字形错落
http://s2/middle/736e77e2tc981fbeffcd1&690
字形反转
http://s6/middle/736e77e2tc981fc161de5&690
字形正负
http://s16/middle/736e77e2tc981fcf0eeff&690
字体的不同组合
http://s7/middle/736e77e2t7a8cff090dd6&690
字形的空间体积
http://s10/middle/736e77e2tc981f9b72209&690
上图是通过加入透视,来塑造空间感,简单的让字体符号你所画的透视线 ,就可以塑造出来。很多漂亮的标志设计,都使用了透视。
http://s3/middle/736e77e2tc981f9e25402&690
上图是通过阴影来塑造字体的空间感。笔画与笔画之间有了距离,这是阴影手法,还有投影手法,就是在整个字的下方加入投影,投影和文字结构有必然的关系,不是单纯的加一个投影。
http://s15/middle/736e77e2tc981fa1a37be&690
上图的空间感不是很明显,这种手法就是重叠,一个文字挡住一个文字,自然形成前后的空间感,例子没有找的很完美,大家也可以自己寻找收集。
http://s3/middle/736e77e2tc981f9e25402&690
http://s15/middle/736e77e2tc981fa1a37be&690
字体的时间运动
同样的对于字体时间感和运动感的处理,都会在设计中遇到,标志图形中的处理手法,一样适合字体设计,比如:时间经过、运动瞬间、连续的同时、利用变形的运动、摄影的运动记录、新视觉的发展、利用频闪运动的表现、运动的扩大与压缩,这些手法很是很少人尝试的,很多国外的字体设计都在尝试,但是我们这里主要整理汉字的。
................................................................................................................
关于设计方法的记忆:
................................................................................................................
关于设计方法的记忆:
后一篇:限制你的字体