2020-8-28 資深UI設(shè)計(jì)者
文字 LOGO 的設(shè)計(jì)經(jīng)常會(huì)采用優(yōu)質(zhì)的經(jīng)典字體作為基底,那么我們所熟悉的著名品牌會(huì)使用哪些經(jīng)典字體?這些字體本身又有哪些特質(zhì),被這些品牌所選擇?而設(shè)計(jì)師在設(shè)計(jì)的時(shí)候,又是如何借用這些字體的特質(zhì)來(lái)凸顯品牌的特征?這回借用一個(gè) LOGO 「逆向工程」設(shè)計(jì)項(xiàng)目,盤(pán)點(diǎn)8款經(jīng)典英文字體,以及一系列優(yōu)秀的 LOGO 設(shè)計(jì)范例。
雖然很多品牌LOGO 在設(shè)計(jì)的時(shí)候,會(huì)專(zhuān)門(mén)設(shè)計(jì)字體,但是實(shí)際上,很多品牌的 LOGO 其實(shí)是使用既有的字體來(lái)進(jìn)行小幅度優(yōu)化來(lái)進(jìn)行設(shè)計(jì)的。最近幾年,設(shè)計(jì)師 Emanuele Abrate 一直在關(guān)注一些著名的品牌 LOGO 背后的設(shè)計(jì)處理技巧,他開(kāi)始借助這些字體背后原始的字體來(lái)進(jìn)行「逆向工程」。
Abrate 的 Logofonts 項(xiàng)目就是這個(gè)「逆向工程」之后的結(jié)果。「當(dāng)一些你陌生的元素和你熟悉的元素結(jié)合到一起的時(shí)候,有趣的事情就會(huì)發(fā)生……所以我決定重新拆解這些大眾所熟悉的品牌,然后將文字部分替換成這個(gè) LOGO 對(duì)應(yīng)的字體名稱(chēng)」Abrate 的思路就是這樣來(lái)的。
其實(shí),以這種方式來(lái)重新解構(gòu)這些令人熟悉的 LOGO 本身是一種非常有趣的嘗試,給人的體驗(yàn)也頗為不同。但是回過(guò)頭來(lái)說(shuō),這也證明了一件事情:即使是那些你感覺(jué)很熟悉的字體,同樣可以借助一些并不復(fù)雜的方式,來(lái)制造出爆款設(shè)計(jì),營(yíng)造出令人過(guò)目不忘的獨(dú)特視覺(jué)體驗(yàn)。
如果你使用 Instagram,那么你可以在上面關(guān)注一下這個(gè) LogoFonts 項(xiàng)目。
在這些品牌 LOGO 的文本字體當(dāng)中,有很多大家非常非常熟悉的字體,它們?cè)谟⑽淖煮w中的大眾認(rèn)知程度,完全不亞于「微軟雅黑」在中文世界里的認(rèn)知度。
Futura 字體的靈感來(lái)自包豪斯運(yùn)動(dòng),繼承了包豪斯的設(shè)計(jì)理念,由設(shè)計(jì)師保羅倫納1924年至1926年所創(chuàng)建。Futura 不僅本身大獲成功,而且成功催生了新的幾何無(wú)襯線字體。
在國(guó)外的設(shè)計(jì)圈中,設(shè)計(jì)師私下經(jīng)常調(diào)侃,在設(shè)計(jì)的時(shí)候嘗試過(guò)很多不同的字體,最后總會(huì)用回 Futura ,于是有了「字體不決就用 Futura」的調(diào)侃。當(dāng)然,很品牌的 LOGO 設(shè)計(jì)是否幾經(jīng)修改重回 Futura 就很難說(shuō)了,但是我還蠻認(rèn)可這種說(shuō)法的。
FedEx
Supreme
PayPal
Nike
Red Bull
Helvetica是一種被廣泛使用的的西文字體,于1957年由瑞士字體設(shè)計(jì)師愛(ài)德華德·霍夫曼(Eduard Hoffmann)和馬克斯·米耶丁格(Max Miedinger)設(shè)計(jì),體現(xiàn)了瑞士設(shè)計(jì)的理性主義精神,同時(shí)被認(rèn)為是現(xiàn)代主義設(shè)計(jì)理念的典范。
很多現(xiàn)代都使用 Helvetica 字體來(lái)作為設(shè)計(jì)的基底,借助基礎(chǔ)的傾斜、色彩和裝飾,在它現(xiàn)代和整飭的設(shè)計(jì)基礎(chǔ)上,來(lái)營(yíng)造獨(dú)特品牌視覺(jué)特征和氣質(zhì)。
Target
Energizer
Post-it
The North Face
CAT
Behance
Avenir是由Adrian Frutiger設(shè)計(jì)的一款無(wú)襯線字體,最初于1988年由萊諾字體公司發(fā)布。「Avenir」在法語(yǔ)當(dāng)中是「未來(lái)」的意思,在某種意義上,它和 Futura 在精神內(nèi)核上有所呼應(yīng)。
和 Helvetica 一樣,Avenir 字體是為了「基本適合用在任何平面設(shè)計(jì)場(chǎng)合」的一種字體,同時(shí),F(xiàn)rutiger 先生也認(rèn)為,無(wú)襯線字體是不應(yīng)該有斜體的,所以他也僅僅只是為了商業(yè)需求,使用光學(xué)儀器制作了偽斜體的效果。
Avenir 這款字體整體呈現(xiàn)出一種中性、去性格化的特點(diǎn),是一種氣質(zhì)「透明」的字體。
Toyota
我們常說(shuō)的 Avant Garde 字體完整的名稱(chēng)應(yīng)該是 ITC Avant Garde Gothic,它原本是 Avant Garde 雜志的 LOGO 字體,由 Herb Lubalin 所創(chuàng)建。
之后他與盧巴林設(shè)計(jì)公司的合伙人 Tom Carnase 一同努力,將這款字體完善成為一套完整的標(biāo)準(zhǔn)字體。
由于 Avant Garde 出色的幾何特征,很多品牌 LOGO 在設(shè)計(jì)的時(shí)候都考慮并采用了這款字體。
Adidas
New Balance
Durex
Gotham 是一款 2000 年的時(shí)候?yàn)?GQ 所設(shè)計(jì),并于 2002 年向公眾開(kāi)放的字體。它出現(xiàn)的地方很多,從可樂(lè)瓶、推特、Spotify、Netflix、Saks 到紐約大學(xué)、翠貝卡電影節(jié),這還不止,包括《柯南秀》和《周六夜現(xiàn)場(chǎng)》在內(nèi)的電視劇、包括《盜夢(mèng)空間》、《點(diǎn)球成金》、《可愛(ài)的骨頭》和《月光男孩》在內(nèi)的電影,都用到了這一字體。
關(guān)于這款字體的故事,可以看看這篇文章:
Gotham 原本的設(shè)計(jì)構(gòu)思中,是要呈現(xiàn)出一種「新鮮和陽(yáng)剛」的氣息,不過(guò)真正投入使用的時(shí)候,才發(fā)現(xiàn)它的細(xì)體非常的具有女性的「優(yōu)雅感」。Gotham 在現(xiàn)代的品牌和 LOGO 設(shè)計(jì)中應(yīng)用廣泛,它兼顧了靈活和高級(jí)感,說(shuō)是「可鹽可甜」一點(diǎn)錯(cuò)都沒(méi)有。
TikTok
Spotify
Discovery
Univers 字體和 Avenir 同樣出自設(shè)計(jì)師 Adrian Frutiger 之手,不過(guò) Univers 是 Frutiger 的早期字體作品,它和 Helvetica 并稱(chēng)為「瑞士風(fēng)格字體」,最初是作為一款照相排印字體所發(fā)布的。
Univers 字體的字重控制和其他的字體不同,是按照數(shù)字來(lái)進(jìn)行區(qū)分的,到現(xiàn)在 Univers 字體族當(dāng)中所包含的變體已經(jīng)非常之多了,多達(dá)44種,不同寬度、粗細(xì)變化的衍生字體使得它作為 LOGO 字體非常方便。
Alibaba
ebay
正如同你從下圖看到的,Myriad 字體就是 Adobe 的LOGO 品牌用字,因?yàn)檫@款字體原本就是 Robert Slimbach 和 Carol Twombly 為 Adobe 定制的字體。不過(guò),值得一提的是,Myriad 字體的基底是 Frutiger 字體——而 Frutiger 、Univers、Avenir 三款字體系出同門(mén),都出自 Adrian Frutiger 之手。
和很多早期的非襯線體字體不同,Myriad 從一開(kāi)始就是為了數(shù)字化而設(shè)計(jì)的,字體家族內(nèi)不同字重、樣式的變化是動(dòng)態(tài)的,通過(guò)不同的字母寬度調(diào)解平衡,給人溫暖友好的感覺(jué),而這一點(diǎn)也使得它在屏幕和印刷品上,顯得更加協(xié)調(diào)和自然。
Adobe
Visa
Walmart
其實(shí) Arial 這款字體能走向世界,和微軟息息相關(guān)。這款 Monotype 出品的數(shù)字字體是隨著當(dāng)年的 Windows 3.1 操作系統(tǒng)和當(dāng)時(shí)的 Truetype 技術(shù)一同分發(fā)出來(lái)的,它的競(jìng)爭(zhēng)對(duì)象則是最為經(jīng)典的 Helvetica 字體,而在視覺(jué)上,Arial 和 Helvetica 是非常相近的。
Monatype 在設(shè)計(jì)Arial 時(shí),考慮到會(huì)在電腦上面使用,在字體及字距上都作了一些細(xì)微的調(diào)整和變動(dòng),以增加它在電腦屏幕上不同分辨率下的可讀性。
Skype
Pxxxhub
其實(shí)經(jīng)典的字體有很多,你單獨(dú)看這些字體的時(shí)候可能會(huì)感到單調(diào),但是Abrate 的 Logofonts 能夠幫你了解到這些經(jīng)典的英文字體是怎么應(yīng)用到 LOGO 當(dāng)中,讓你看到這些字體本身豐富的可能性和多變性格氣質(zhì)。我將一部分字體打包存到百度云當(dāng)中,供你學(xué)習(xí)研究。如果你需要在設(shè)計(jì)項(xiàng)目當(dāng)中使用,請(qǐng)購(gòu)買(mǎi)正版授權(quán)。
文章來(lái)源:優(yōu)設(shè) 作者:陳子木
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com