优艾设计网

Photoshop笔画字形处理设计教程

文字符号设计方法1--笔画字形(体)设计方法

----精思巧形 文字符号设计方法分类整理

不论是图形还是字体设计(文字符号设计)都是为了更好的传达信息,让文字的意义更好更准确的传达。
*因为文字符号本身具备一定的形态,所以,字体设计受到本身形态特征的限制,字体设计变形不能影响文字的识别性;
*不能影响之外,还需要协调这些不同结构的文字的笔画结构,使之更加容易识别;
*每个文字,都具备自身的意义,再加上我们是在为品牌服务,所以很多情况下,我们还需要通过字体传达额外的信息与感觉,这就要求我们根据要传达的信息与感觉,对文字进行处理;
这就是我们设计师遵循的三条字体设计原则:

1)把握文字特征

说识别性是字体设计的第一原则,因为我们的目的是为了传达,传达必须满足的首要条件就是识别出“是什么”,这个“是什么”,对文字而言就是字体结构特征,我们也叫做“字法”,格式塔心理学告诉我们,我们之所以识别出“是什么”,就是因为我们在脑子里存的是事物的结构特征,也就是关系,在文字符号里,关系就是字体结构,也叫做“字法”。
同样的笔画,按不同的方式(位置关系)得到不同的文字。而不同的笔触(不论是毛笔,粉笔,或是火柴棍……)只要位置关系一样,我们都能识别出是哪个字,这就是结构特征起到的作用。如下两图:

Photoshop笔画字形处理设计教程


Photoshop笔画字形处理设计教程


对字体本身结构特征进行把握,特别是作为方块字形态呈现的汉字符号,其形态比拉丁字母形态相对复杂些,笔画结构种类都更丰富,我们现在常用的是简体字,通常情况下,我们首选简体字,繁体字用的较少,但有些繁体字具备很好的寓意,也被经常使用,汉字识别性强弱,来自人们日常使用的多少,及目标消费群的使用习惯,我们可以更具实际情况来决定。关于汉字与拉丁字母结构特征的把握,参加博文链接:《汉字结构特征的把握》《拉丁字母结构特征的把握》。充分把握字特征,我们可以分析要设计的文字,分析它们之间的笔画特征的异同,从而考虑笔画字形上如何协调统一,可以使用那些设计方法。

2)协调笔画结构

汉字笔画结构不一,同是方块字,摆在一起也有不同,我们通常将汉字笔画做呼应处理(比如将要设计的一组文字里的同类型的笔画都做弧线处理等等),都是为了让字体笔画结构协调统一,阅读起来流畅从而更容易识别。

3)字体个性表达

协调统一是为保证字体的识别性,但是很多时候,我们也追求个性,这个“个性”并非是无厘头的创新,而是为了更好地传达字体信息(或者品牌信息),这个“个性”往往就是品牌的内涵义,比如一种感觉,例如“瑞丽”是个女性杂志的名称,那么字体设计时就通过笔画结构将“女性的、时尚的”感觉融入字体中。所谓“个性”,如果对字体信息的传达没有帮助,那么在商业设计这种需要明确目标的视觉传达中,将没有意义。(完全无目的寻求个性的设计,我们设计师可以拿来锻炼,寻找设计新的可能性,这里我们不讨论。)

这篇文章我们只分类设计方法。

(字体感觉的分类参见下篇博文:《汉字符号设计感觉分类》)

我们将现在常用的字体设计手法总结归类,可以得到一些规律及文字设计思维方法,作为我们处理字体的依据。

汉字符号的设计,我们可以从以下几个方面对文字进行设计:

1、笔画/字形(体) 2、色彩3、材质4、书写手法/方法(工具)5、与其他符号图形组合

这是第一篇,主要列举“笔画/字形(体)”上常用的设计方法,不包括加入图形的处理手法,纯粹的是笔画和字体形态上的处理方法:

------------------------------------------------------------------------------

一、笔画/字形(体)

字体设计最基础的,就是笔画和字形,先抛开色彩和其他的不谈,单单是笔画结构上的设计方法就有很多方法,但是这些琳琅满目的设计方法,都必须遵循字体结构特征的识别性,在我们拿到要设计的文字,分析文字笔画结构之后,下面的方法就派上用处了。每个设计师不可能记住这么多设计方法,我们整理就是这个目的,到用的时候,可以打开参考。平时可以拿出来练习。对设计师而言,重要的还是清晰的思维,知道到哪一步,可以使用什么方法解决。不要被这些方法或者软件技巧束缚了。

这些笔画和字形上的设计方法,总体而言都是两个方向,也就是前面的原则2、和原则3:协调统一,个性追求。

笔画上设计处理方法:

这里列举的例子都是在网络上搜集到的各位设计同僚的设计作品,只是做学习使用,并非拿来做商业用途;很多列举的例子并非纯粹的使用一种方法,所以很多例子不极致。但是大家能理解意思就好。

不可能将所有的方法列举全面,关键的不是有多少种方法,而是分享给大家一种管理设计的方法。知道在脑子里如果存放这些方法,后文会讲到。

笔画粗细对比

Photoshop笔画字形处理设计教程

我们可以加粗或者减细笔画,也可以强化笔画的粗细对比,宋体里面本身就是横细竖粗,是为了视觉上的容易识别,当然我们也可以像上图图示中一样,竖笔比横笔细。

笔画的粗细,不是单纯的为了效果,很多时候是为了处理笔画较多的字,有的汉字横笔或者竖笔过多,我们可以简化减细不太影响字形结构的笔画。笔画粗细对比强烈有时可以产生很时尚的效果,很多时尚杂志都在使用特宋这种笔画粗细对比强烈的字体,就是因为其本身传递出的量感,字体看起来叮当有力,像是产生了强烈的声响,又现在的话形容就是看起来很酷,这种“酷”,不是通过特殊的设计手法表现出来的,只是通过加强自身的横竖笔画的量感达到的。

笔画分割

Photoshop笔画字形处理设计教程

笔画的分割或者分离,可以表达畅通感,同时这样类似空心字的手法,加上汉字本身笔画很多,就会造成视觉上的闪烁,比如上图中的“孙子兵法”,这种视觉闪烁,让人迷惑,但同时符号字体的意义,兵法--布阵,迷惑等等。

笔画分割较细时,看来也会像是字的高光,这就使字产生了立体感。像上图的“西街走廊”,处理时,可以根据感觉需要来觉得分割的距离大小。

笔画挨近或重叠

Photoshop笔画字形处理设计教程

我们可以拉近两个文字的距离,只要这两个字的两笔笔画靠近之后,不会对文字结构产生影响,不会影响文字的识别,像上图图示中例子一样,笔画挨近,甚至有的笔画重复时,就用同一笔代替,省略了笔画,这种手法也给人一种试图努力区分文字和解读单个文字的乐趣。

笔画连结

Photoshop笔画字形处理设计教程

行书里会连笔,书写快速之后,自然形成了连笔,所以连笔不只是为趣味,在视觉上,也使字体看来流程,很多表达快速,畅通的产品或服务都喜欢采用连笔,例如,物流,交通等,笔画与笔画的连结,需要先分析笔画是否适合互相连结,连结之后,字与字彼此之间的结构时候还能识别。

如果笔画连结之后,确实影响了文字结构,适当的断笔,用间隔来补充字体结构,不用刻意的非要连成一笔,很多初学者,都很刻意的进行连笔处理,导致文字结构都被埋没在连形成是新结构里了,这种以忽视文字识别性的连笔处理不可取。

有的字可能上部分的横笔适合连结,有的是字的中线,有的下面的笔画,如果你打算竖着排列文字,就考虑竖笔的连笔处理,

笔画适当断开

Photoshop笔画字形处理设计教程

有连就有断,汉字结构有很多转折和链接处,这些部分在视觉上会挤在一起,形成较大的面块,特别是当我们需要将字体处理成很粗的笔画时,这些面块就会形成视觉的上噪音,断笔可以添加间隙,缓解这些较大的面块。

断笔可以有很多种断法,但是常见都就是在转折处和连接处切断,还有一些是为了创造一种字与字之间的呼应,而特意采取在固定的某处进行裁切。

笔画省略

Photoshop笔画字形处理设计教程

与上面切断不同的是,省略是直接省去某一笔,例如上图图示中,“触点”合用了口的一笔,右边的“原点设计”则统一省略的口的竖笔,这样可以使原本竖笔很多,字体结构又是左右结构的“设计”看起来清爽许多。

在文字中,如果重复笔画过多,我们可以考虑使用省略笔画,如果我们需要采用紧凑的效果,又要保证文字易读,也可以考略笔画,共用笔画就是省略了笔画。

有些字体设计分类方法,有两笔合一 或者一笔勾销等等,他们都属于连笔,不属于笔画省略,连笔没有省略笔画,在视觉上,他们都完整只是连在一起了,省略是直接的去掉。在效果上也许目的类似,但是思维上不同。

笔画添加

Photoshop笔画字形处理设计教程

有省略就有添加(添加笔画不是在添加一个具象图形,添加抽象图形的字体设方法在后面的博文讲,这篇博文只讲单纯的笔画字体的处理方法),添加新的笔画,不能破坏字体特征结构,影响字的识别,添加往往是为了烘托,强化字面意义,这种手法也不是笔画的延长,而是加入新的笔画,修饰字体。

笔画间隙填满

Photoshop笔画字形处理设计教程

如果将笔画加粗,有的围合间隙就会变小,如果笔画足够粗,即使将其填满,也能达到呼应效果,围合成的空隙本身就是方块,其四边形的特征还是很明显。

笔画末端--尖锐

Photoshop笔画字形处理设计教程

比较常见的处理手法,就是直接将笔画末端,处理稍微处理成上图所示的样子,这是比较简单的使字体产生统一感的方法。当竖笔较多较粗时,可以处理竖笔末端,如果横笔较多,可以像上图“地下铁”一样处理横笔末端。

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新基础

基础排行榜