新闻动态
[News]
    『字体表情』西文字体的不完全分享

    在今年的9月,很多人一觉醒来发现Googlelogo了。这次logo更换堪称是1998年以来最大的一次变动。

    我们可以看一下过去十几年各阶段logo的变动:

    上图是1996,不叫GoogleGoogleGoogle前身BackRub诞生。

    下图是1997-1998,崭露头角的GoogleGoogle.com这个域名正式注册,Google这几个字母也首次在logo中出现。

    1998Google公司正式成立。我们如今熟悉的logo基本形态及配色已经呈现。字体选用的老式衬线体。

    1999~2010Googlelogo变换了一次字体,此次使用了Catull字体。相较于之前的logo此次的整体字形较为纤细灵活。笔画间的粗细对比更为强烈。该字体几个圆形字母中间留白的字怀(counter)部分,有一定的角度倾斜,也使得logo感觉更为活泼。

    2010~2013去掉了阴影,提高了识别度。

    2013~2014Google也赶了一把潮流,将原本立体感的logo扁平化了。

    2014~2015,做了一次肉眼难辨的改动。g向右移动了一个像素,l向右并向下移动了一个像素。这也从侧面反应了Google对于细节的追求。

    然后到了2015年,很多媒体都把标题重点放在了“无衬线字体”上。字体到底在这个logo中有怎样的影响力。

            换为无衬线字体后,logo更具现代感,更为活泼。与之前更为人文气息的字体相比,现在的形态更具几何感,将文字与图形的界限愈发缩小更适合“玩心重”的Google。同时现在的字体形态识别度更高,也更适应于多种平台的交互。

           

            Google的案例中我们可以看到,其实字体在我们设计乃至生活中都占有重要的作用影响力,或许细心观察下,就能看到它们在各个领域中的身影。

    上图为苹果IOS7发布时,现场的一处布置,我们可以看到上面大大的“7”是苹果当时仍在使用的helvetica字体。

    下图为苹果的官网产品页面截图,如果我们换个带有手写风格的字体就会非常不协调。所以说字体和产品本身、品牌气质和环境都有很大的关联性。

    上图Estee Lauder 作为女士护肤品牌使用的字体和下图的男士剃须刀品牌BRAUN相比,更为纤细典雅。字体带来的性别特征区分也很明显。

    两张不同年代的海报,除去画面外,字体上也有很大的区别。左边的海报采用了手写体和装饰性比较重的字体,有着很强的年代感。右边的海报采用了更为现代感几何感,强调字体结构的字体。

    字体与地域:“字体也是风景的一部分”

    上图是一个德国的街景,路上的这个多向导示标识中采用了哥特体。该字体在20C中叶,在阿尔卑斯山脉以北地区广泛流通,这款字体黑度大,也叫作“黑字体”和“弯折体”,是当地文化的象征。所以上图可见一些路名标识仍保留使用哥特体。

    下图是在美国芝加哥,当地常用的都是类似这种笔画圆润的无衬线字体。每个地域常见的字体都与其独特的地域人文环境和历史有着密切联系。

    字体与影视作品的联系:上图为美剧《美国恐怖故事》的海报,上面的字体是为该剧特地设计的一套字体“Hill House”,这款叫“山中小屋”的字体,其风格也是手写带有图腾涂鸦的风格。与故事黑暗诡异的基调相符。

    下图则是科幻题材的作品海报,上面使用的字体“Bank Gothic”多年来一直受各类科幻题材动作题材等影视作品青睐。这款无衬线字体字体笔画等宽,识别度高,在科幻类常用的深色画面背景上识别度高。字形上,其软转角、硬切割的造型特性,可谓是“软硬兼施”风格多变。

    综上,字体在各领域内都低调却不可忽视。它们和人一样都有着自己的表情和独特气质。那些丰富的“表情”与它们各自的行程起源、出生地、生活经历息息相关。

    在西文字体里,字库里的字体形态各异让人眼花缭乱,主要还是分两大类字形:衬线体(Serif)和无衬线体(Sanserif)。


    衬线体,最初是古罗马时代的碑刻文字,也叫罗马正体。经常正文排版中用到衬线体,据说它的衬线有助于水平方向的实现移动。关于衬线的起源,较有权威的说法是,它是古罗马时代碑刻起稿时使用平头笔书写的痕迹遗留。所以,我们用尺规能“画”罗马字,但是真正“写”还是需要用平头笔。

    平头笔书写时候的笔画方向

    书写的工具和笔画顺序也能解释为什么,我们看到的一些“老式罗马体”中,类似 O”“G”等字母中间留白的字怀部分都有一定倾斜的角度。

    衬线的种类也根据不同的年代分为三种:bracket serif(括弧型衬线)在17C前常用,hairline serif(极细型衬线)在18C后出现,还有slab serif(粗衬线)最初在19C维多利亚王朝时期出现。

    最初的衬线体都是大写字母,手抄本的流行使得字形逐渐有了变化,经过几个世纪的转变,在9C左右的卡洛林体已经初步呈现出我们熟悉的小写字母形态。

    无衬线体诞生在19C的维多利亚王朝时期,宣传单开始普及使用活字印刷,引人注目的高黑度设计及精于装饰的字体开始流行。上图是1833年伦敦一家剧院的海报,可以看到高黑度字体及一些粗衬线体,无衬线体的雏形已经出现但还是略感粗糙,仅作为标题使用。

    将有那个年代特色的字体罗列一下,第一款Thorowgood在海报上也能看到,是那个时期代表性的英国活字字体。第三款Playbill是一款明显的粗衬线字体,由于那个时期剧院戏单上多使用这款字体,所以后期按照这个风格开发的这款字体就直接命名为Playbill(节目单)。最后一款Franklin Gothic是工业革命时代一款成熟的无衬线体,和我们现在常见的无衬线字体特征基本一致。

    19C20C初,受包豪斯运动及装饰风艺术样式影响,字体风格也逐渐变化。Rennie Mackintosh是以英国艺术与手工艺运动的代表工艺家Charles Rennie Mackintosh制作的美术字为基础设计的字体。和之前美国恐怖故事的Hill House风格类似,手绘感及装饰感较为明显。最后一款Metropolitain让人想到著名的巴黎地铁入口文字。

    西文字体有衬线体和无衬线体之分。在汉字里面也一样有,分为宋体和黑体。虽然字形分类感觉类似,但是演变的过程和西文字体完全不一样。


    宋体是由宋代木活字印刷术诞生。横细竖粗的特点是由于雕刻的木板纹路一般都是横向的,所以竖向笔画为了笔画显示的效果加粗,横向笔画会稍细些。边角由于为了防止长期使用时的磨损,将其放粗。当时的制作特点使得现在的宋体字有了独特的魅力。

    在日本韩国台湾等地,常用的明朝体其实也就是我们说的宋体,由于当时传播速度很慢,宋代的木活字技术传播到各地的时候,中国已经由宋朝变成了明朝,于是就命名为“明朝体”。

    很多知名品牌并非使用原创字体,选择一款适合自己品牌气质的字体非常重要。我们熟悉的LV使用的就是“老”字体Futra家族中的一款。我们如果直接用原字体打出“LOUIS VUITTON”其实并没有感觉到那种高级感。和LOGO一比我们很容易发现主要原因在字间距上,当我们把字间距拉开调整后,之前的那种局促感就消失了,让人有一种大气,典雅的感觉。

    为何调整下字间距我们就能有不用的感觉呢?

    回到古罗马时期,上图的万神殿雕刻的字母间距就放的很宽。一方面宽松的组合是能和建筑整体相呼应。另一方面当时高大的建筑不多都是重要场所,为了能让人远处就能识别到上面的文字将间距拉开。而这种组合方式带来的威严庄重的感觉就逐渐在人们心中定位。

    LV选用了这款无衬字体,又在后期调整时候拉开字体间距,既能有品质感也能有时尚感不会让人觉得太过陈旧。


    同样是一个家族Futrua的字体,也能有截然不同的表情。

    NIKElogo也是使用了Futura中一款,相比起LV的字体,它是加粗斜体,高黑度形态呈现。在后期调整中,还加大了字体倾斜的角度,并且更加减小字体间距,能给人带来一种速度感紧张感,更为符合品牌特质。

    上面两个例子我们可以看到,选择适合的字体很重要,相应的后期调整也是需要精准拿捏品牌气质。

    之前的Futura是很受欢迎的无衬字体。著名时尚杂志《VOGUE》的logo则是一款很有代表性的衬线体。

    这本1970S诞生的老牌时尚杂志,选用了Didot字体作为logo,并且四十几年没有改变过。是什么让他们如此迷恋这款字体logo

    Didot是法国一个铸字印刷家族。这款经典的字体诞生于1784年,它受到了启蒙运动的影响,启蒙运动是工业时代的端倪,Didot家族还参与了法国大革命并且任职于政府。在这样一个历史大背景下诞生并发展的字体融和了当时的文化特征。

    它是一款极细型衬线体也是一款现代罗马体,笔画粗细明显,也丢掉了老式衬线体转角处带有手写感的弧度。既有衬线体的韵味和亲和力,又有工业时期冷静利落的造型特征。两种不用的气质融和碰撞出这款堪称现代罗马体代表的字体,也难怪VOGUE对它如此迷恋。


    *本文出自 GK Shanghai 平面设计师 叶烨 monday morning 分享

    *部分内容选自

    《西文字体—字体的背景知识和使用方法》(小林章著)

    2014年小林章北京讲座内容

    网络图片资料等


    浏览次数: 发布时间:2015-12-10 我要分享:
    +86-21-51160663(总机)

    ©2013 GK Shanghai Design Inc 


    关闭