网页设计 » 视觉设计 » 字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

发表于: 视觉设计. 评论 (1)
Sponsor

一幅好的画面会让我们表达更加的彰显异彩,那么一个好的文字设计便能够更立体的表达文字富含的寓意,你是不是还在为自己设计出来的字体所懊恼,为什么自己的字体是那么奇形怪状,没有设计感,下面给大家推荐这篇文章,让你走出困境,更上一台阶。

今天分享一篇让字体设计更加具有设计感的方法,希望大家喜欢!下面进入正文吧,宏观上的方法有以下三个:几何置入、结构变化、添加维度。

几何置入

虽然我称此方法为几何置入,但并不是特指三角圆形等几何形状,其他的形状或符号也包含在内。

通常几何置入法是将字体中的某个或某组笔画以形状或符号的方式替换,使之看起来更具有设计感。

字体没有设计感,三个方法让你快速提升

上图右侧的“夢”字进行了几何化的替换笔画处理更具有设计感,当然识别性也变差了,但右侧的“夢”是用作海报的主形象的,更多的是传达一种概念,所以识别性差也没有影响。

那么我们看一下几何置入法的优秀作品

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

结构变化

结构变化即改变字体的结构,简单来说就是对字体进行笔画的增加和删减,使其更具有设计感。

当然,结构的变化是非常难的,掌握不好就会将字体做的不伦不类。除了笔画的增加与删减,结构变化还包括将笔画的形态改变,比如点笔变竖笔,斜笔变横笔等等。

字体没有设计感,三个方法让你快速提升

同样的字体经过结构变化后,设计感会提升不少。

下面看一下结构变化法的优秀作品

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

其实我所说的这三个方法是可以组合使用的,比如上图的作品既用了几何置入又用了结构变化,如果愿意还可以加入维度的变化。

添加维度

第三种方法就是添加维度了,将字体从二维平面转化到三维层面,多加一个维度使其更具有空间感跟立体感,二维转成三维后一样能提高设计感。

字体没有设计感,三个方法让你快速提升

一个普通的黑体字形只加入一些空间的线条就能将立体感拉开,从而更具有设计感。

下面看一下添加维度法的优秀作品

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

几何置入 & 结构变化

因为几何置入与结构变化经常一起出现,所以就将他们归为一个案例进行演示。

第一个案例做“雲中游”三个字,首先将三个字用字库字的形式打出来。

字体没有设计感,三个方法让你快速提升

雲中游给人的感觉轻盈的,那么扁宽的字型甚至是方块字表达的气质都差那么一点,相反瘦高型的字型能够更好的表现轻盈的感觉,所以我们将字体压瘦,并将间距拉松一点使之更有轻盈的感觉。

字体没有设计感,三个方法让你快速提升

做到此之后要对字进行观察,看一看那些字型的部件能用几何图形的方式替换。下图是经过观察之后找出可以替换的部分。

字体没有设计感,三个方法让你快速提升

做到此步之后就可以正式做字了,将字造型的骨骼搭建好,并将可用几何图形的部件替换,基本字形就差不多了。

字体没有设计感,三个方法让你快速提升

基本字形完成后我们可以用第二种结构变化法进行加工,使之更具有艺术性。下图是我用结构变化里的笔画连接法处理过的。

字体没有设计感,三个方法让你快速提升

还可以再笔画交叉连接的地方倒角处理,使之更具有艺术感,如下。

字体没有设计感,三个方法让你快速提升

那么做到此步这组字就完成了,下面是反白与墨稿

字体没有设计感,三个方法让你快速提升

字体没有设计感,三个方法让你快速提升

最后看一下这组案例的GIF过程图。

字体没有设计感,三个方法让你快速提升

添加维度

添加维度就很好理解了,就是使平面的东西立体化。所以这个案例我就简单说一下,以“立”字为例。

字体没有设计感,三个方法让你快速提升

首先我们要将字体的骨骼搭建出来,骨骼及结构,做完结构后可以适当更改描边粗细到合适大小,如下

字体没有设计感,三个方法让你快速提升

调整笔画粗细始终之后就要加入立体感的特征了,我们可以在笔画末端做处理,使笔画与笔画间有种前后的关系,如下

字体没有设计感,三个方法让你快速提升

也可以直接给字体加入一个面,使之增加一个维度,如下

字体没有设计感,三个方法让你快速提升

简单的说增加维度不管用任何方法都可以,不只有本例中的两种形式,其他的像是加字效或是用三维软件渲染都是不错的选择。

看了这么多,又没有惊艳到你了呢,这三个方法和案例希望能给你带来相应的提升,小编给大家总结一下,集合置入是骨架,结构变化是好看的衣服,维度添加是化妆。装备好这些你就可以出门啦。

作者 | 大猫Addict
来源 | 大猫设计 (id: idea-cat)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论One Response to “字体没有设计感,三个方法让你快速提升”

  1. erin - 回复

    谢谢小编的分享,很有启发性。
    温馨提示:文末段出现了错别字:集合置入,应更正为“几何置入”吧。


{ 发表评论 }