分享

科技感字体的设计思路

 小雨又来袭TSG 2020-04-05

我们生活在一个科技飞速发展、生活日新月异的时代,科技在影响着我们每个人,给我们的生活带来巨大的便利,同时也激励着人们去探索和想象更多未来世界的可能性,这也是科幻电影总是很受欢迎的原因,除了科幻电影,现实世界中,我们也频频接收到关于科技的信息,许多公司在宣传自己的产品时,都会不遗余力地介绍自己公司的产品使用了某某最新黑科技,因为掌握了核心科技,就意味着掌握了未来,那么,问题来了,字体如何体现出科技感,我想这是很多设计师都关心的一个问题,本篇我就通过两个案例,讲解一下如何设计出具有科技感的字体。

▲ 一些科幻电影的海报设计,字体都很有科技感

提到科技感,相信很多人和我一样,会联想到科幻片中的场景,尤其是影片中那些太空战舰和飞船,不论从外观造型还是内部空间,都给人一种浓浓的科技感和未来感,这就为我们设计科技感的字体提供了很好的视觉线索,实际上这些科幻电影中对未来的宇宙中交通工具的想象都是大同小异的,我们完全可以从中找到一些共同的特征,作为我们设计科幻字体的灵感。

 案例一:星际迷航 


 
星际迷航这四个字的主题,本身就与太空、宇宙以及飞行这样的元素相关,所以在字体设计上,我们完全可以将飞船的造型特点融入到字体笔画当中去,这样既能让字体呈现出科技感,同时又与我们这四个字的主题相吻合。
 
首先我们用矩形将这四个字的基础笔画做出来,做的时候遵循横细竖粗的法则,如下图:
我们可以看到,目前这四个字的字形基本合格,如果直接拿来用也是可以的,现实中我们常常看到这样被商用的字体,但是这样的字体如果太多,就会让人看了无感,因为没有什么个性,难以很好地体现字体所要表达的主题,因此,接下来我们要做的就是把能够体现科技感的元素融合到字体笔画当中。
 
通过对太空飞船及太空舱的观察,我们发现其共同特征是造型上有很多斜线、切割的元素,我们可以把这一特征运用到字体设计上。


那么我们先从“星”字开始,把斜线、切割的元素融入到字体当中去。如下图:可以看到,右边的星字,笔画中融入了许多斜线和切割的元素,这些元素都来源于我们的飞船灵感图片,星字上方“日”中的横笔画也做了斜笔处理,然而并没有影响字体的识别性,反而让字体看上去更有科技感。

当然在给字体添加这些元素的时候,要把握一个度,首先是保证字体识别性不受影响,添加的元素尽量符合汉字原有笔画特征,同时添加元素所形成的字体正负形空间要和谐、美观。
 

沿着同样的思路,我们做一下“际”字,这个字的处理难点在于示字的两点,直接用两竖矩形会显得太呆板,如果用斜笔画,那么所形成的负形空间会与周围格格不入,需要通过不断尝试,才能找到解决方案。
 

接下来是“迷”字,这个字我在融入斜线和切割元素的时候非常克制,因为一旦处理不好,就会显得很乱,在做字的过程中我鼓励大家多尝试,但最终一定要懂得取舍。
 
 
最后是“航”字,左边的“舟”字适当地加入斜切元素,右边“亢”结构的下半部分与“际”字的两点处理方式相似,这样让字体之间更有统一性。



最后我们把四个字放在一起,并配上一个合适的英文字体,这个作品就完成了。

 







 

【 案例二:盗梦空间 


当然,体现科技感的方式有很多种,譬如多维空间,人类所能感知到空间只有三维,而爱因斯坦在他的相对论中提出了四维空间的概念,我们的宇宙是由时间和空间构成,而最新的科学论点认为,宇宙至少存在十一维空间,十一维空间是由时间、空间、记忆与感知构成的。还有我们的梦境,也是一种由潜意识和记忆等等多种因素交叠而成的多维空间,有部电影叫做盗梦空间,讲的就是莱昂纳多扮演的盗梦者潜入一个叫做费尔西的人梦境中,试图改变其潜意识的故事,相信看过这部影片的人都对影片中多维的梦境空间印象深刻,接下来这个案例就让我们试图用字体设计的手法,体现出这部影片的主题。

▲ 多维空间也是体现科技感的一种思路

首先我们设定一下这四个字整体的外轮廓,这个外轮廓会直接影响字体的笔画安排,一开始我想做成一个两边对称,带有透视感的外轮廓,后来选择了上面为平行结构,下面为透视结构的造型,这样会更有错乱的感觉,然后我们在这个轮廓空间里去安排字体的笔画,这个案例我们用线作为造字的元素,以便于体现梦境的交叠和错乱感,在做这个字体的时候,我们需要把字体原有的笔画结构进行拆分和解构,创造出一个新的带有多维空间感的结构,而且这种结构还得是不符合常规的,有种交叉和重叠关系在里面的带点矛盾空间的感觉。



这个案例,我在做的时候是先从“间”字开始,就像很多人在画画时喜欢先从局部开始画起一样,这样做的好处是能够快速找到感觉,我选择先从“间”字开始是因为这个字的结构容易让我快速找到重叠交错的灵感,我们先用正常的描边镂空字把间字做出来,如下图:

 
那么接下来我们就要对这个字开始改造了,先从里边的“日”字结构入手,我们要让原本不交叉、处在一个二维平面的线产生空间交叠的感觉,如下图:


经过这样一番改造,线条形成了一个无线循环的闭环体,且产生了多维的空间交错感,而且这种交错又带有一些梦幻的感觉,说不清哪根线在前哪根线在后,这种感觉是符合我们影片的主题的,确定这种形式后,后面的部分我们就可以用相同的思路和形式来做了。我们用同样的思路把间字的“门”结构做完,通过简单的改造,门字结构也实现了前后交叠的视觉效果:
 


需要注意的是,在改造时要把外轮廓的线条与字的线条看成一个整体去考虑,所有的线与周边的线条都会形成新的关系,也正是这个原因,字体的让空间错乱感才会越强。

接下来我们做“空”字,通过观察发现,空字下方的“工”结构非常适合做结构的拆分和重组,我们用和间字同样的思路,试着把工结构做出空间交错的感觉,其它地方的笔画先按原有结构去设计,如图:

 

在做的过程中要注意横向笔画,哪些做成倾斜的,要有所取舍,合理选择,凡是倾斜的横向笔画,其倾斜角度一定要与外轮廓下方的斜线角度相一致。空字暂且做到这里,接下来做梦字。
 
梦字下方的“夕”部结构,完全可以借鉴“间”字中“日”部的线条交叠形式,总的思路就是制造一种多维的视觉空间,打破原有的二维结构,并让线与线之间穿插串联起来,上面的林字结构,则可以顺势将撇笔画的一端穿插到竖笔画当中去,同时将林字左边的竖笔画与夕的撇笔画打通,这样梦字基本就完成了,如图:


最后是盗字,这个字最难处理,所以放到了最后,同样我们选择下面的皿字结构做空间化处理,皿字的结构相对来说较复杂,需要体现出多维穿插的交叠感,同时又不失识别性并且要看上去舒服,具体的思路是:把皿字的内部想象成一个城市,里面有许多高楼大厦,前后重叠着,而这些高楼大厦都是透明的,可以从前面的楼透过去看到后面的楼体,在这一思路的指导下,通过对线条的精心安排,在皿字结构中形成了一个多层交叠的像是城市的空间,这样这个字的感觉就出来了,也很呼应影片的主题,至于上面的次,我们可以顺着笔画的走势,用线连接出一个类似矛盾空间的结构,这个盗字就完成了,如图:


四个字完成之后,我们需要进一步去优化字与字之间的关系,让这四个字之间更有关联性,首先我们看到目前空字的造型不是很理想,而且和左边的梦字挨在一起显得很孤立,有些不自然,于是我决定将空与梦字的线条打通,对空字上半部分重新解构,通过对原有线条的打断和重连,创造出一个新的有着错乱交叠关系的造型,然后把梦的撇笔画和盗底部的横笔画打通,这样字形部分就完成了。
 


最后,为了让整体更有视觉层次,我在字形外又加了两层外轮廓线,同时配上和中文风格一致的英文字体,这个案例就最终完成了。


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多