2

一种高效移形换影字体设计方法

 1 year ago
source link: https://www.shejidaren.com/yi-zhong-gao-xiao-yi-xing-huan-ying-zi-ti-she-ji-fang-fa.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

一种高效移形换影字体设计方法

12月 5, 2022 发表于: 视觉设计. 评论

Sponsor
single-top-500x62-v4.jpg

字体设计对于设计师来说,并不是一个陌生的话题。因为设计师每天都在和文字打交道:有些时候需要让大家可以顺畅地阅读大段信息,字体需要无色无味,如同空气般自然。另外一些时候,让观者能够第一时间体会到某种情绪或氛围,成为更重要的诉求。这就需要一款个性鲜明的字体来诠释主题。比如一张电影海报中片名的字体,一个会展活动的主题所用的字体,或者一个专题促销活动的大标题的字体。主题千变万化,需要不同风格的字体来搭配。所以,设计一款标题字,成为设计师的一种工作日常。根据主题和品牌的因素来进行创作。

image-pending.gif

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

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

移形换影字体设计方法,简单高效的字体教程

移形换影字体设计方法,简单高效的字体教程

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

移形换影字体设计方法,简单高效的字体教程

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

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

移形换影字体设计方法,简单高效的字体教程 也许业务的案例大家看很多了,那今天轻松些,咱们来看一个工作之外的设计练习,是一个电影片名字体设计练习。

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

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

移形换影字体设计方法,简单高效的字体教程

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

第一步,原本的英文片名字形有几点特征:

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

移形换影字体设计方法,简单高效的字体教程

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

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

移形换影字体设计方法,简单高效的字体教程

移形换影字体设计方法,简单高效的字体教程

第三步,对比修改。

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

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

移形换影字体设计方法,简单高效的字体教程

移形换影字体设计方法,简单高效的字体教程

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

移形换影字体设计方法,简单高效的字体教程

第四步,字体应用表现。

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

移形换影字体设计方法,简单高效的字体教程移形换影字体设计方法,简单高效的字体教程

移形换影字体设计方法,简单高效的字体教程

移形换影字体设计方法,简单高效的字体教程

移形换影字体设计方法,简单高效的字体教程

移形换影字体设计方法,简单高效的字体教程

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

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

移形换影字体设计方法,简单高效的字体教程移形换影字体设计方法,简单高效的字体教程

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

作者:徐勤栋
来源:58UXD(ID:i58UXD)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接 500-62-douban-gaogen-sheji-shuji-tuijian.jpg

赞助商链接

jianli-muban.jpg
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK