品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

本文將介紹品牌與字體的關(guān)系、介紹西文字體設(shè)計(jì)流程和方法、討論字體的版權(quán)。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

?我把品牌看做魔鬼或神靈,誕生于虛無之中,

越是崇拜它、了解它、關(guān)注它,它就會(huì)越強(qiáng)大!

管中窺豹,微觀下品牌形象有哪些秘密?

大家好,品牌微觀是 TXD團(tuán)隊(duì)推出的一個(gè)針對(duì)品牌相關(guān)的欄目,主旨是和大家分享品牌方面的沉淀和心得。

一、品牌淺談

當(dāng)我們說到一個(gè)品牌,大部分人最先會(huì)想起的品牌色以及 logo,例如:可口可樂的大紅色;百事可樂藍(lán)色和紅色的 logo,以及麥當(dāng)勞金燦燦的 M 等等。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

當(dāng)然標(biāo)識(shí)可以代表品牌形象,但它并不是品牌形象的全部,搶占我們心智的往往只是品牌形象的一角。

品牌是什么?品牌是消費(fèi)者內(nèi)心的一個(gè)投影,它是神祗或者魔鬼,誕生于虛無之中,越是崇拜它、了解它、關(guān)注它,它就會(huì)越強(qiáng)大!而品牌越強(qiáng)大,它就能把形象的觸角延伸到各個(gè)角落。

品牌的形象作為品牌的具象投影,可以看做一個(gè)多面的立方體魔方,它由很多面組成(標(biāo)識(shí)、字體、品牌色、輔助圖形、包裝、IP形象、產(chǎn)品、傳播內(nèi)容等等),任何一個(gè)環(huán)節(jié)的變化都影響著消費(fèi)者對(duì)于品牌的認(rèn)知。

歷史上偉大的品牌無不把它的形象的每個(gè)面做到了極致。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

品牌字體是品牌視覺識(shí)別系統(tǒng)(VIS)中必定出現(xiàn)的規(guī)范。

在 VIS手冊(cè)中,品牌設(shè)計(jì)師會(huì)根據(jù)品牌形象的氣質(zhì)感受選擇相匹配的字體作為品牌字體(例如:一位女士,她穿運(yùn)動(dòng)鞋和高跟鞋給人的感受是不同的)。不僅僅如此,除了相匹配的氣質(zhì)還有使用的場(chǎng)景、內(nèi)容等等。當(dāng)然,選擇的品牌字體是需要企業(yè)去購買版權(quán)的。

二、西文字體淺談

今天我們淺談一下品牌字體中的西文字體。

那么在什么場(chǎng)景下需要為品牌設(shè)計(jì)西文字體?

  • 品牌專屬化(氣質(zhì)相契合并且印象深刻)
  • 產(chǎn)品定制化(特殊使用場(chǎng)景和要求)
  • 國(guó)際化推廣(規(guī)避版權(quán)的風(fēng)險(xiǎn))

相對(duì)于龐大的具有數(shù)千字符的中文字庫,英文字母相對(duì)比較容易設(shè)計(jì)。

一套英文字體中,常用字形在102個(gè)左右(48個(gè)字母+10個(gè)數(shù)字+26個(gè)標(biāo)點(diǎn)+12個(gè)符號(hào)+空格+未定義字符),如果精力旺盛的話,可以根據(jù)自己的實(shí)際要求進(jìn)行增加字形。

我們應(yīng)該怎樣去設(shè)計(jì)西文字體呢?

專業(yè)的設(shè)計(jì)公司都有自己熟悉的流程和方法去設(shè)計(jì)。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

接下來,我大致的聊一下我的設(shè)計(jì)流程和方法。

設(shè)計(jì)字體采用的軟件包括(AI、glyphs、fontlab stodio)

三、西文設(shè)計(jì)流程

1. 根源字體

目前大家常用的字體有幾種經(jīng)典字體例如:Helvetica、Arial、Akzidenz-Grotesk、Didot、Futura、Univers、Neo Sans、myriad、Times New Roman、Din等。

它們的區(qū)別最主要在于襯線體和無襯線體,其實(shí)這就是西方版本的黑體和宋體的區(qū)別。這些字體往往經(jīng)歷了數(shù)百年的調(diào)整和優(yōu)化。我們參考這些字體,實(shí)際上是讓自己站在巨人的肩上。

選定了一種甚至多種根源字體,我們需要觀察它的字形、字寬、字重、字間距、筆畫特征等等,而這些為我們自己去設(shè)計(jì)字體打下了堅(jiān)實(shí)的基礎(chǔ)。

2. 明心存志

在設(shè)計(jì)字體之前,首先需要確定設(shè)計(jì)的目標(biāo)。也就是說,需要問自己,我為什么要花費(fèi)大量的時(shí)間去設(shè)計(jì)一套西文字體。只有當(dāng)明確自己的設(shè)計(jì)目標(biāo)之后,就可以有針對(duì)性的進(jìn)行設(shè)計(jì),完結(jié)之后也便于闡述自己的設(shè)計(jì)思想。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

3. 設(shè)計(jì)規(guī)則

主要的字體規(guī)則我把它分為四種分別是字形風(fēng)格、設(shè)定基線、修正視覺、字體間距。其他更多規(guī)則可以自己進(jìn)行設(shè)定。最重要的是設(shè)定好規(guī)則后,自己得遵守,并且貫徹整個(gè)字庫。

字形風(fēng)格

既然是品牌字體的一部分,字體的風(fēng)格確認(rèn)當(dāng)然是非常重要的事情,而風(fēng)格的制定是和品牌氣質(zhì)以及設(shè)計(jì)目標(biāo)息息相關(guān)的。我自己個(gè)人會(huì)把風(fēng)格歸納為幾類:

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

設(shè)定了字形風(fēng)格后,需要貫徹整個(gè)字庫,這些風(fēng)格在不同的字體上應(yīng)用都會(huì)有細(xì)微的差別,這些差別是保證字體整體上的一致性。

設(shè)定基線

確定風(fēng)格后,基線的設(shè)定也非常的重要,西文字體和中文字體不同的一個(gè)點(diǎn)就是基線,因?yàn)槲魑氖怯猩亢徒挡恐值模ɡ?h 是有升部,g/y 等是有降部),西文的基線是的 H(大寫線)和 x(小寫線)為標(biāo)準(zhǔn)單位,圓和方形在基線上都有不一樣的對(duì)齊標(biāo)準(zhǔn)。(基礎(chǔ)字體知識(shí)可以閱讀小林章先生的《西文字體》)

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

而中文字體由于是方塊字符,整體是處于視覺居中的情況,當(dāng)同等字號(hào)的西文字體和中文字體放在一起,中文字體天然會(huì)比西文字體大一些的。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

修正視覺(根據(jù)字體使用進(jìn)行調(diào)整)

字體設(shè)計(jì)中,很多地方都需要進(jìn)行視覺修正。在這個(gè)階段,我們需要保持足夠細(xì)心。

為了確保統(tǒng)一的視覺體量感,實(shí)際的大小會(huì)有一定差異,首先圓往往會(huì)比方要大出一點(diǎn)點(diǎn);其次筆畫中的橫會(huì)比豎要細(xì)一些;最后對(duì)齊的方式也需要遵循視覺感受的一致性。那么具體有多大的差異,需要根據(jù)字體的風(fēng)格和目標(biāo)去調(diào)整。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

字體間距

設(shè)計(jì)完成所有的字形后,間距成了非常重要的關(guān)卡。

我自己針對(duì)西文字體設(shè)計(jì)了一套標(biāo)準(zhǔn)《負(fù)空間間距規(guī)則》(僅供參考)。

  • 負(fù)空間為方形的間距設(shè)定4個(gè)單位
  • 負(fù)空間為三角形的間距設(shè)定1個(gè)單位
  • 負(fù)空間為弧形的間距設(shè)定為2個(gè)單位
  • 負(fù)空間為較大的異形設(shè)定為-1到3個(gè)單位

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

這套負(fù)空間間距標(biāo)準(zhǔn)并不是絕對(duì)的,因?yàn)樽中蔚墓P畫變化是細(xì)微的(筆畫的長(zhǎng)短、粗細(xì)、大?。栽谧煮w成型的時(shí)候,我們需要根據(jù)實(shí)際情況針對(duì)性的調(diào)整。

最后還有個(gè)容易忽略的點(diǎn),從字體的整體性出發(fā),間距的大小還和字體的寬度有關(guān)。

4. 制定字體

字體在 AI 上面矢量設(shè)計(jì)出來后,我們需要把它做成字體包。一般常用的字體軟件:glyphs、fontlab stodio。兩種軟件使用后比較,我個(gè)人覺得 glyphs 更便捷一些。

關(guān)于我常用的 glyphs 軟件,我總結(jié)幾個(gè)特點(diǎn)。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

glyphs:

  • 字符框架的默認(rèn)大小是1000像素(軟件中也可以調(diào)整)
  • AI 的字體可以直接復(fù)制粘貼進(jìn)去(這點(diǎn)非常的方便)
  • 可以同時(shí)選中多個(gè)字形,設(shè)置間距
  • 字形的節(jié)點(diǎn)可以進(jìn)行增減(盡量不要有多余的節(jié)點(diǎn))
  • 不忘增加一個(gè)未定義字符(主要是用來顯示缺失的字形)
  • 導(dǎo)出的時(shí)候需要更新字體的特性

總的來說,字體軟件非常好入門,具體的細(xì)節(jié)操作,則需要大家慢慢摸索。

四、品牌字體版權(quán)

首先無論中文字體還是西文字體,都是有版權(quán)的。在使用的時(shí)候需要注意是否進(jìn)行商業(yè)使用,而這個(gè)商業(yè)使用的定義是指「使用字體直接或間接謀取經(jīng)濟(jì)利益」(有部分字體是開放商用,不收版權(quán)費(fèi)),畢竟人家花費(fèi)了心血去設(shè)計(jì),拿而不語謂之賊,不告而取是為竊。自己如果只是學(xué)習(xí)以及日常使用,那是沒有問題的。

其次,字體的版權(quán)是在于字體的特征設(shè)計(jì),而不是文字字體本身。

(美國(guó)法規(guī)規(guī)定,包括漢字在內(nèi)的所有文字的字體都不得申明版權(quán)產(chǎn)權(quán))

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

國(guó)內(nèi)的幾起中文字體版權(quán)糾紛,版權(quán)所有者有贏的也有輸?shù)模數(shù)膸讉€(gè)事件都是個(gè)性特征不是特別明顯的字體,也就是說版權(quán)保護(hù)的是字庫的設(shè)計(jì)而不是字體本身,字體本身是屬于全社會(huì)所有用戶。

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

總的來說,法律上規(guī)定「社會(huì)公共領(lǐng)域的內(nèi)容,不滿足獨(dú)創(chuàng)性設(shè)計(jì),非實(shí)質(zhì)性表達(dá)相似,這三者是不受版權(quán)保護(hù)的?!?/p>

(例如方正黑體、漢儀黑體等這樣獨(dú)創(chuàng)性不夠明顯的字體,是很難受到版權(quán)的保護(hù))

最后,每個(gè)國(guó)家或多或少有些不同的規(guī)定,如果進(jìn)行商用,并且有可能進(jìn)行國(guó)際化輸出,最好針對(duì)性的查詢一下字體的版權(quán)。

品牌化的字體可以幫助企業(yè)和產(chǎn)品在全球范圍內(nèi)統(tǒng)一品牌理念和精神,提供和品牌一致的形象氣質(zhì)。有實(shí)力的企業(yè)往往會(huì)定制化的設(shè)計(jì)整套品牌字體。(例如騰訊字體 & 阿里巴巴漢儀智能黑體 & 百度綜藝簡(jiǎn)體 & 微軟雅黑等等)

參考文獻(xiàn):

  • 《西文字體1》
  • 《西文字體2》
  • 《新概念字體基礎(chǔ)&應(yīng)用》

歡迎關(guān)注阿里巴巴體驗(yàn)技術(shù)團(tuán)隊(duì)(TXD)公眾號(hào),第一時(shí)間了解更多精彩內(nèi)容,還有設(shè)計(jì)職位期待你的加入!

品牌微觀系列!超全面的西文字體設(shè)計(jì)流程

「品牌升級(jí)實(shí)戰(zhàn)案例」

收藏 61
點(diǎn)贊 6

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。