汉字设计就这么简单!圆、方、三角(方圆字体设计)

(此处已添加圈子卡片,请到今日头条客户端查看)

圆形、方形和三角形是塑造天地万物的最基本形状,它们在字体设计中作为一种词汇,是尤其重要的语言。这3种形状本身具有不同的特定意义,脱离了几何学意义成为一种视觉符号元素,在平面设计作品中可以表达不同的视觉感受和情感语言。1

汉字设计就这么简单!圆、方、三角(方圆字体设计)

圆形完整集中、团聚收拢的特性,给人紧密、饱满、空旷、团结、充实、灵动的感觉;方形给人坚实、权威、强力、内敛、严肃、有力、秩序和稳重的感觉;三角形显得尖锐,给人刺激、运动、科技、方向、力量和暴力的感觉。圆形、方形和三角形的多种扩展意义使它们能够在字体设计中生动、准确地表现设计主题。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

案例1圆形 空谷幽兰

“空谷幽兰”是指生长在空旷山谷里的兰花,它和世间兰花相比,有一种独特的高雅气质,尽管无人问津,但自己依然开的很茂盛。在字体设计中,我选择用圆形来表现这4个字。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

前期构思STEP

我们在电脑上打出“空谷幽兰”4个字,观察这4个字后,我们发现除了“幽”字笔画结构比较复杂以外,其他3个字相差的并不多,因此我们在套用“圆形”的时候,需要注意“幽”字笔画的处理。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

我们可以先画出圆,然后把字放进去进行比较,除了“幽”字,其余3个字的头部都有点,“谷”与“兰”是两点水,有个直觉告诉我,这2个字在头部处理上可以形成一致,这样字体会更有节奏感。“空”字的宝盖头是1个点,我们可以考虑如何将其与另外几个字形成统一。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

矢量绘制STEP2

我们利用辅助线将字的外形勾勒出来,再将字的笔画顺着“圆形”来做即可。这里我们可以发现“谷”和“兰”的结构变得非常相似,因此就形成了一个有节奏感的整体。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

利用辅助线我们很快地将字体的骨架搭建完成,接下来我们对其进行优化。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

细节刻画STEP3

加粗字体笔画,使其在视觉上更为舒适。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

调整细节,注意图中红色所标示的部分,我们要对这部分的字体结构进行微调。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

现在整体字形比之前完善了许多,然而几个字体间的节奏感也不错。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

将修改前后字形相互叠加,来对比前后的细节变化。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

加上拼音之后,这4个字就制作完成了。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

案例2方形 端正

“端正”两个字可以泛指很多东西,可以是端正心态,也可以是端正做人。这两个字算是给我自己的一个忠告,在追寻梦想的道路上,无论成功或是失败,都应该先摆正自己的心态,这样才能不断地成长。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

前期构思STEP1

我们在电脑上打出“端正”两字,虽然字体本身没有什么问题,但是仔细观察可以发现其“负空间”所分布的面积存在大小差异,这无形中就会造成一种不稳定感。我们可以试着寻找一种方法,来强化这两个字在视觉上的“端正“感。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

继续观察字体结构,“端”字为左右结构,且“立”字旁所占面积小于右边的“耑”“正”为独体字。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

矢量绘制STEP2

根据字体结构比例,利用“矢量工具”搭建出字体骨架,将字体笔画全部摆正,使其在视觉上更为“端正。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

我们在之前曾说“方形”给人一种坚实、稳重的感觉,这里用来体现“端正”二字最合适不过了,所以我们可以先画出两个正方形,然后将字体套入到这两个方形当中。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

将字体骨架放入前面画好的正方形中,可以发现箭头所指的部分间距都不统一,这里我们利用两个正方形的间距来重新统一“端正”二字的“负空间”。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

从左开始依次将字体的笔画进行调整,使字体“负空间”的宽度与两个正方形的间距保持一致。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

通过规范字体“负空间”,我们得到了两个非常稳重的字体,这也正是我想要的。接下来我们对这两个字做进一步的优化。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

细节刻画STEP3

利用“辅助线”将字体负空间的位置进行微调。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

调整后字体在细节上更到位了,这里我们发现,如果将这两个字看作一个长方形的话,左上方的缺口似乎显得不那么和谐。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

为了使字体达到最佳的状态,我在这里做了个尝试,进行对比。图中左边两个字将其余3角都做了同样的缺口,来统一字形,右边保持原样。对比看来似乎左边比较和谐统一。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

我在这两款字形的底部加上了同一种风格的英文。继续进行对比,我发现加上英文后似乎右边的字形显得更舒服,而左边由于缺口过多的原因,破坏了“方”的形状,产生了一些不稳定的视觉感受,因此这里选择右边的方案继续进行优化。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

由于字体过于方正,显得有些呆板。如何能提升字体的设计感,但同时又能保持稳重的感觉呢?这里我想到了三角形,利用角形的视觉冲击力来打破字体的笨重与呆滞。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

由于前面三角形的运用,字体在视觉上不舒服。因此,为了减弱三角形对视觉的干扰,我在字体左上方的位置加了个直角的形状,利用“视错觉”将其与三角形的两个端点连接起来,形成一个“隐形”的矩形。这样做一方面弱化了三角形对视觉的干扰,另方面强化了字体的“端正”感,使字体本身的内涵在造型上体现出来。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

案例3三角形 新年

新年新气象,新的一年总是充满希望,有憧憬、有梦想,因此用三角形来代表前进与方向,同时三角形也预示着开拓创新。重叠着的三角形是指对过去时光的思考与总结。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

前期构思STEP1

我们在电脑上打出“新年”两个字,这里选择用“宋体”作为参考字体,因为“宋体”具有一种中国风味。这里我们提取出宋体笔画末端的三角形进行创意演化。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

将提取出的“三角形”元素进行不同的组合尝试,这些不同的组合形式将会运用到我们的字体当中。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

矢量绘制STEP2

以宋体为基础字形,我们用三角形搭建出新”字。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

同样的方法,我们将“年”字也搭建出来。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

细节刻画STEP3

调整之前搭建的字体骨架细节,从“新字开始。我们可以看到,图中红色圈中的两个三角形的拼接显得很随意,我们将其规范成个菱形。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

仔细观察用三角形拼出的“新”字,发现左上方红色箭头所示部分略显拥堵。我们需要结合常规字体结构重新布置三角形的位置,以达到最佳效果。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

现在字体看起来比之前好了很多,但观察中间部分的衔接,发现其略显随意。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

此时,我们通过外形可以辨认出是“新”字同时该字体更富张力。这样“新”字就制作完成了。接下来我们调整“年”字。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

观察“年”字的结构,可以发现重心都集中在了中间的一竖上,因此我们在对三角形位置的摆布上也要体现出这一点,同时保持字体的重心在中间的一条直线上。这里我们将“年”字顶部的三角形缩小一些,将红圈中的小三角形去掉,以保持其重心统一,再强化“年”字中间的竖线来提高识别度。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

经过调整,“年”字也制作完成了,我们将两个字组合起来观察效果。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

当这两个字组合在一起,可能有人会说这两个字的宽度不一致,说好的“统一”去哪了呢?这里我想说的是,在创意字体设计中,很多时候我们需要打破常规,这样才能创造出一种新事物的确这两个字的宽窄胖瘦不一致,但是在形式上是统一的,这里我强调“形式”两个字,意在突出字体的形式感。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

这里我将字体的“填充色”去掉改为“描边”的形式,并重复了几组,将其重叠在一起,达到一种新的视觉效果。我们可以将其理解为“时间”,亦或是“过去的碎片”,而三角形代表一种“前景”与“开拓”,是对新的一年的憧憬。在字体底部,我用拼音做了标注,弥补了字体识别性较低的问题。

汉字设计就这么简单!圆、方、三角(方圆字体设计)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表回复

您的电子邮箱地址不会被公开。