当前位置:网站首页>LOGO特训营 第五节 字体结构与设计常用技法

LOGO特训营 第五节 字体结构与设计常用技法

2022-07-04 21:59:00 雨翼轻尘

一、字体设计案例赏析

字体设计分为:商业性设计(可观)和艺术性设计(主观)。

image-20220702085158134

来看几份作品:

(1)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FaUAVgGm-1656737597354)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207020853943.png)]

左半边:“周黑鸭”设计的很棒,但是拼音很垃圾,不要有粗有细。

“未来听雨”左边比较客观,右边比较主观。

在做设计的时候,要先把基础造型做完,然后再增加。

“环游世界”很有设计感,很适合做商业招牌啥的。

“凤凰城”也很棒,用很多具象的东西去代替,比如凤凰、祥云。

但是,我们之前讲过一个知识点,当你要使用一个具象的符号去概括某一个笔画的时候,一定要保证符号的外形跟笔画的外形是相似的。

这个凤凰城明显不是。

右半边的设计,过多添加自己的主观情感了,适用面很窄。

商业设计:在商业领域可以使用,并且可以被大众所接受的设计。

(2)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ONdVPMFh-1656737597355)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207020906399.png)]

这几个字体设计的很漂亮。

我们在上节“字体设计的三原则”说到一个原则,叫“节奏协调”。

这几个字体外形是非常协调的。

比如横线的边缘都有小拐角,而且不光左边有,右边也有。

当前横线的边缘都有小拐角,就形成了字形上的风格统一。

这几个文字,每个文字的单个面积都是一样的。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NNrzi9UY-1656737597355)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207020911314.png)]

每一个竖线的底端都有一个小半圆。

这叫“统一性”。

在进行商业设计的时候,要考虑,文字之间的统一性,即边缘笔画之间的统一性。

(3)

image-20220702091326128

“茶”与“美”上边都是小竖线,虽然角度不太一样,这个设计直接将它们变成了竖线。

但是“茶”上边两点贯穿了,而“美”并没有贯穿。

虽然都是竖线,但它还是保留了原本笔画的基本结构。

还有一点变化,“茶”和"美"都有一个人,虽然“美”的那一笔出头了,但是大的字形结构是一样的。

在设计的时候,相近笔画或者相同笔画之间,应该达到统一性。

(4)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dsxrHqqx-1656737597361)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207020923474.png)]

可以看到,这三个字的竖线和横线都统一了。

(5)

image-20220702092758254

把横线变成弯曲的线,大体上非常漂亮。

二、认识汉字结构

(1)笔画结构

我们先来认识一下文字的笔画结构:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gDuag0B7-1656737597364)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207020931721.png)]

平常写字都知道,有起笔和收笔。

落下去叫起笔,结束叫收笔,中间叫运笔,转折处叫折笔

一般笔画的结构变化,主要依据运笔。

运笔往左,收笔一定在左。

运笔是整个笔画的骨骼线。

(2)字白

文字可以放在一个田字框里面,剩下的部分叫字白,也叫留白(字体当中的留白)。

image-20220702093856799

我在左右两边选择不同的字体,“字白”也是不同的。

左边是衬线体,右边是非衬线。

字白的多与少,情感表达是完全不一样的。

我们可以看到,右图的字体比较粗,字白比较少,这种字往往力度感很强;缺点是比较笨重。可以做一些力度感比较强的设计。比如某某集团、某某运动品牌。

左边的字体比较细,字白比较多,整体比较轻盈,比较精致,柔和;缺点是重量感不够。

(3)中宫

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8n251MJa-1656745104789)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207020944136.png)]

中宫一般都是指九宫格中间那一格(恰好也在文字重心的区域)。

一般形容文字结构是松散还是紧凑,会以“中宫”为标准。

image-20220702094706082

“中宫”位置:

image-20220702095026056

举个例子,最常见的“永”:

image-20220702095130128

通过衡量“永”中宫的笔画的位置,来分析该汉字的笔画和造型。

再来看个例子“井”:

image-20220702095404464

左边中宫里边文字细节相比较右边,并不多。

右边中宫笔画比较多,称他为“中宫收紧”。

image-20220702095658711

我们看一下上面的图,可以发现,中宫放松和收紧的字体面积也是不同的。

中宫放松字面大,收紧字面小。

再来看一段话体会一下。

可以看到,“常”中宫收紧的时候,整个字体比较紧;而放松的字体比较宽。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RthVJiJ7-1656745164112)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207020959119.png)]

中宫紧凑------>松散。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4neofK6c-1656737597398)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021000348.png)]

为什么要传达中宫的概念?

紧凑的字和放松的字,所传达的概念是不一样的。

如果要做那种大集团、大企业的,就要使用中宫稍微放松的字体。

如果要做那种比较精致的,比较柔的,可以选择中宫稍微紧凑的文字。

(4)字谷

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ob2pV7Sq-1656745217012)(C:/Users/lenovo/AppData/Roaming/Typora/typora-user-images/image-20220702101229291.png)]

字谷指的是包围或者半包围的空间。

笔画之间和外围空间称作“字白”。

在外围叫字白,在文字内部的叫字谷。

字谷面积的多少,也决定了这个文字的情感,是重还是轻。

字谷少显得笨重,而字谷多就会显得轻盈。

(5)字环

字环是除了封闭的空间以外,其他的区域和文字紧密相关的区域。(我也讲不清,看图上标的,自己领悟吧)

image-20220702101719360

字环越少,文字越粗,文字面积越大;字环越多,文字越轻盈,文字面积越少。

字白包括了字谷和字环和中宫。

三、字体设计常用技法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OxjajWEZ-1656737597401)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021022650.png)]

这里先给大家看一下每种技法做出的Logo的样子,下节课会提出几个教大家如何实操,不用着急。

(1)矩形造字

image-20220702123501950

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CO8g3uKs-1656737597402)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021235036.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9WyfQjgS-1656737597403)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021236859.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3b1QBKwE-1656737597403)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021239305.png)]

image-20220702123946615

(2)钢笔造字

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xpg71Q7o-1656737597405)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021240170.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5YJ7cB50-1656737597405)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021241699.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VSjSPq3n-1656737597406)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021242895.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-z5r9n8zm-1656737597407)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021242637.png)]

image-20220702124302029

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RjSzE82H-1656737597409)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021243069.png)]

(3)手写字体

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KiLYG09P-1656737597409)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021244944.png)]

image-20220702124429934

image-20220702124457863

image-20220702124525898

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oZ3rk065-1656737597414)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202207021246255.png)]

在这里插入图片描述

原网站

版权声明
本文为[雨翼轻尘]所创,转载请带上原文链接,感谢
https://blog.csdn.net/m0_55746113/article/details/125571635