选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

58 UXD | 一看就会的字体设计方法

可在下方连接中关注原账号原文链接:https://mp.weixin.qq.com/s/3hA_MI5CKMULMA5HxpJl3g字体设计对于设计师来说,并不是一个陌生的话题。因为设计师每天都在和文字打交道:有些时候需要让大家可以顺畅地阅读大段信息,字体需要无色无味,如同空气般自然。另外一些…

字体设计对于设计师来说,并不是一个陌生的话题。因为设计师每天都在和文字打交道:有些时候需要让大家可以顺畅地阅读大段信息,字体需要无色无味,如同空气般自然。另外一些时候,让观者能够第一时间体会到某种情绪或氛围,成为更重要的诉求。这就需要一款个性鲜明的字体来诠释主题。

比如一张电影海报中片名的字体,一个会展活动的主题所用的字体,或者一个专题促销活动的大标题的字体。主题千变万化,需要不同风格的字体来搭配。所以,设计一款标题字,成为设计师的一种工作日常。根据主题和品牌的因素来进行创作。

设计方法

设计方法有很多,比如笔画重构、笔画共生、矩形造字法、直线造字等。今天介绍一种比较常用且有效的设计方法,移形换影。先来看几个例子:

造字工房为上海迪士尼乐园做的字体设计定制案例。可以看到这里4组字形设计把英文中很多笔画装饰特征,转移到了中文字型中适合的位置,整体风格就很突出,而且中英文搭配相得益彰。

还有《可可西里》的电影片名,也是提炼了藏文的笔画特征,把它融入到汉字设计中。那种民族的风格瞬间就通过字型本身传达了出来。

以及,在运营设计中,把运营主题与节目绑定,就使用了同样风格的字型设计。独特的关联感大大提升了。

所以,今天要介绍的设计方法“移形换影”,就是通过提炼现有的某种设计特征,拿来结合到新的字形中强化笔画的风格。完成既有元素的设计新生。

移形换影

也许业务的案例大家看很多了,那今天轻松些,咱们来看一个工作之外的设计练习,是一个电影片名字体设计练习。

一直以来,007电影之前是有着比较出色的片名设计的。比如007幽灵党的片名设计,风格强烈,字型匀称,光影变化很漂亮。但是这一部《007:无暇赴死》的片名字体设计,实在是有失水准。所以,今天就以此为题试验一下是否有更好的设计解法。

第一步,观察风格,提炼关键特征。

NO TIME TO DIE英文字是非常锋利的几何图形化的字体设计。整体的线条干练,现代。同时大三角形成的“衬线”感,又有着复古的味道。可是国内中文版、香港版、台湾版三款中文字形设计都不理想。字形局部处理琐碎,笔画空间均衡感不足。要做新的设计改变,接下来我仔细观察,原本的英文片名字形有几点特征:

  1. 基础要素是方、圆、三角。
  2. 所有横笔画略去。
  3. 笔画之间有断开。

第二步,打草稿,定框架。

通常情况如果有差不多的字型,可以拿来作为框架打底。但是眼下这款字,个性过于突出,暂时没有想到什么近似字型做框架。就直接用三角、直线基础元素来搭框架吧。

第三步,对比修改。

跟原版搭配效果看一看,看有没有get到精髓特征。或者说,特征还要不要再更加强化。这一步是审视自己的设计,去发现问题。

通过对比,发现的问题是,在新设计的字形里面,圆的元素偏少。需要加入更多圆。让风格一致性更高。同时还要解决笔画结构略松散,识别度偏低的问题。

其中最复杂的是“暇“字,笔画多,容易做的琐碎,所以右侧就用了很多省略,把笔画连成面,只保留外轮廓形状。同时,这个“暇”字也可以融入更多的圆形元素。改变“赴”“死”两字的结构,有更合理的结构,字更好认。

第四步,字体应用表现。

尝试和英文组合搭配。与其他几版中英文片名设计的对比。尝试放到海报上看看。以及其他的一些发挥。剧照和题图。

以上,就是使用了移形换影的手法,做出了有着近似气质风格的字体设计。以灵感目标为蓝本,对其中的特征进行分析提取,是为【移形】,然后把关键特征融入到新设计中,快速搭配出风格化的字体,完成【换影】。这种方法的好处是,找到适合的特征之后,可以快速的实现风格化字体设计。

在业务中活学活用

同样的,在日常设计当中,我们也可以灵活使用这种设计手法。比如运营活动毕业季的标题,是以启航为题,设计时想要做一些科技未来感的字形,就参考了《明日边缘》这类科幻电影的字形设计(未来感的科研/太空基地,航空器涂装会使用类似风格的字体), 用断开的笔画、瘦长的比例,组织中文字形的设计,尝试营造科技感与未来感。

设计,从认真观察开始。通过“看”,分析特点,再把元素转移应用到新的字形设计中,可以快速get一种字形风格。在一次次移形换影的日常练习中,希望我们能观察总结经验积聚能量迸发新的灵感。

——————

部分图片来自网络,版权归原电影公司所有,

007字样和图案为电影公司所持有之商标。无商业利益与合作,本文仅用作学习交流。

 

 

徐勤栋
一个设计工作者
https://mp.weixin.qq.com/s/3hA_MI5CKMULMA5HxpJl3g

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。