一個純字體標(biāo)志設(shè)計的案例

1、歡迎光臨長野城市燒烤 (Nagano Urban Grill) 餐廳，這家坐落在市中心的燒烤餐廳深受年青人的歡迎。我們的設(shè)計項(xiàng)目就是為這家餐廳設(shè)計一個標(biāo)志，而標(biāo)志只采用餐廳的名字。只采用文字來設(shè)計標(biāo)志是一種有效的解決方式，有些標(biāo)志會包括其它圖案，但也有很多標(biāo)志并沒有圖案。一個好的標(biāo)志必須醒目、清晰及吸引，它能夠正確傳達(dá)公司本身的信息。要讓單純文字組成的標(biāo)志傳達(dá)這么多東西挑戰(zhàn)性是非常大的。為了設(shè)計好一個文字標(biāo)，我們可以通過表達(dá)字母本身的自然形態(tài)來設(shè)計，就象這樣：每一個名稱都有它自己的形態(tài)特點(diǎn)，所以在處理一個文字標(biāo)志之前，我們必須細(xì)心觀察其結(jié)構(gòu)。就象上面所示，我們可以用手將名稱寫出來，可以看到有一

2、個 g 下方的弧線超出了基線，而 g 上方的弧線與左右兩個 a 一起在上方形成了三個圓環(huán)元素。 Nagano 的第一個字母是 N ，結(jié)尾是 o ，兩者都有開放的線條使視線趨向外面，一共有 6 個字母，從視覺上說，其視覺感是比較平均分布的，詞義本身具有明顯的日本氣息。所有這些，都是我們設(shè)計時的基礎(chǔ)共識。從分析字母開始：不同的字母有不同的形態(tài)特點(diǎn)。我們首先要對這些字母的形態(tài)有深入的了解。每一個字母的形態(tài)都有不同的表達(dá)。字母的形態(tài)也決定你如何來設(shè)計一個文字標(biāo)志。上述是 Avant Garde 字體，該字體主要由簡單的直線及弧線構(gòu)成，非常有利于分析字母的結(jié)構(gòu)。我們上述是將其結(jié)構(gòu)上類似的字母編成一組，當(dāng)

3、然，不同的字體會有一些不同的變化。舉個例子，如果我們設(shè)計的標(biāo)志名稱是叫 j.jill ，從上述我們可以看出，這些字母只有直線，沒有柔和弧線構(gòu)成。相反，如果我們設(shè)計的名稱是 pod ，則其整體感覺是充滿圓弧線，而沒有給人一種呈角度感的視覺元素。當(dāng)不同的字母組合在一起時，便呈現(xiàn)了一種節(jié)奏感。雖然節(jié)奏感是看不到的元素，但它卻影響著我們?nèi)绾握J(rèn)知一個詞。尋找圖案：在開始時，我們可以將字母以大寫或小寫組合在一起仔細(xì)觀察其各自所形成的圖案，特別要注意那些重復(fù)的線條及形狀。上圖中，大寫的字母字體是 Futura Book ，可以看到，有兩個呈鏡像對稱的角度組合（ NA-AN ），同時也有兩個圓弧的組合結(jié)構(gòu)，其

4、整體結(jié)構(gòu)雖有節(jié)奏感，但不是很明顯。而上圖下方的小寫字體為 Avant Garde ，其整體感覺是給人一種圓弧感，可以說呈現(xiàn)的圖案感是比較強(qiáng)烈的，也很有趣。有些名稱在某些字體下并不會形成圖案感：在 Avant Garde 字體時，各個字母看起來都比較接近，從而呈現(xiàn)一種圖案感，但在上面的 Adobe Garamond 字體時，則沒有形成圖案感。在 Avant Garde 字體時， g 呈圓環(huán)形，而在上面的字體中，則呈一種扭纏狀。一般來說，如果一個名稱中各個字母的細(xì)節(jié)越多包括襯線、收尾、飾紋、線條變化粗細(xì)等，則圖案感而越弱。而上面的這幾個字母，整體所呈現(xiàn)的圖案感則很強(qiáng)。當(dāng)細(xì)小的元素有很多重復(fù)或相似時

5、，就會形成一種圖案的感覺。在上圖這三個字母中，你可以看到四個相似的圓環(huán)元素及字母中間的相似結(jié)構(gòu)。所以說，我們可以通過嘗試不同的字體來讓一個名稱呈現(xiàn)圖案感，在很多裝飾性的字體中都能夠輕易形成圖案感。手寫體風(fēng)格的 Sloop 字體具有強(qiáng)烈而且優(yōu)雅的圖案感，它的每一個字母都呈拱形，線條給人一種順暢的流動感，而且在很多環(huán)線及曲線中線條都是由粗到細(xì)變化，留意首字母 N 的線條，它增加了原本不存在的弧線使其看起來與其它字母的感覺非常相似。你任意將一個名稱采用 Sloop 字體時都會自動形成一個漂亮的圖案。同樣的，你可以通過調(diào)節(jié)字母來使名稱形成某種圖案感。兩種最簡單的技巧就是擴(kuò)大字符間距及壓縮字符間距。上圖

6、中通過擴(kuò)大字符間距，使各個字母失去了互相聯(lián)系的感覺，這種擴(kuò)大字符間距可以產(chǎn)生一種新的圖案感，象一排圓點(diǎn)的感覺。大間距還使整個名稱產(chǎn)生一種莊重、清晰及優(yōu)雅的氣息，在很多電影中我們都會看到以放大間距來設(shè)計片名的實(shí)例。這種技巧幾乎適用于所有的字體，當(dāng)然，關(guān)鍵是要采用全大寫字母的形式。與擴(kuò)大字符間距相反的，就是上圖所示的壓縮字符間距。將各個字母的字符間距壓縮，使其緊湊結(jié)合，整體給人一種厚實(shí)、充滿力量的感覺。在電影的片名設(shè)計中同樣會經(jīng)常看到，因?yàn)樗軌騻鬟_(dá)一種結(jié)實(shí)、份量十足的視覺效果，特別在全大寫字母時效果更加明顯。如果字體尺寸比較小的時候，由于其形成一個緊密的整體，所以我們能夠很輕松地將其作為一個單獨(dú)

7、的元素來與其它元素配合設(shè)計。現(xiàn)在，讓我們進(jìn)入實(shí)戰(zhàn)階段：設(shè)計名片在上面，我們講述了名稱中的字母能夠形成圖案，如何形成圖案。當(dāng)然，不同的字體也傳遞出不同的信息。要設(shè)計好一個成功的文字標(biāo)志，關(guān)鍵是要找一種能夠讓整個名稱看起來視覺效果良好同時又能準(zhǔn)確傳達(dá)公司信息的字體。為了讓各位讀者能夠充分觀察，在接下來我們會嘗試用九種不同的字體來設(shè)計名片。名片可以讓我們以一種更直觀的方式來觀察文字標(biāo)志的實(shí)際應(yīng)用效果。同時，在下面的設(shè)計中，我們只采用文字，沒有采用其它任何的圖案元素要特別留意這一點(diǎn)，你可以觀察到僅僅采用文字，我們就已經(jīng)可以設(shè)計出非常漂亮的版面效果單獨(dú)的文字已經(jīng)可以進(jìn)行充分的溝通。上述是一個標(biāo)準(zhǔn)的名片，

8、其尺寸為 3. 5 × 2 英寸 。在下面的設(shè)計中，我們將名稱作為單獨(dú)一面來設(shè)計，另外的一面可以放置的聯(lián)系信息等內(nèi)容就不再這里討論。A vant Garde字體：該字體使 Nagano 形成一種自然的圖案，特別在小寫字母時，其形狀醒目及充滿活力，名片及文字的顏色可以互換使用，讓我們來看一下效果：醒目的圓環(huán)元素貫穿整個名片！小標(biāo)題的 “urban grill” 同樣是 Avant Garde 字體。綠色及黃色的搭配形成清新氣息。在下圖中，使用二次色與黑白搭配可以產(chǎn)生同樣醒目的效果。整體的文字形成一行文字的感覺，單行的設(shè)計與充滿醒目圓環(huán)的字母形成良好的平衡效果。留意各個字符非?？拷⒉?/p>

9、接觸，采用不對稱的布局來處理空間（高 - 中 - 窄）使整個名片版面顯得動感而不呆板。Sloop字體：該字體充滿靈氣、飄逸的特點(diǎn)傳達(dá)了優(yōu)雅及品味的氣息，說不定還會吸引女皇的來訪，呵呵。居中排版及低調(diào)、金屬感的顏色增加了版面的莊重感。真正的力量往往來自于未加修飾所散發(fā)的力量，仿佛天生如此。在這個項(xiàng)目中，對于這種字體，你需要的居中排版，顯得穩(wěn)重端莊?？傮w給人的感覺就是平穩(wěn)靜態(tài)。銀色及金色的象征著財富，但在這個版面中，它給人的感覺是輕巧、安靜及低調(diào)的。小標(biāo)題顯得更低調(diào)（ Helvetica Neun Ultra Light 字體），間距非常大，字母尺寸非常小，與 Nagano 形成漂亮的搭配效果。這

10、個標(biāo)志整體給人一種非常正式的感覺，而長野燒烤店卻是一個喧鬧的餐廳，如果用圖片與文字結(jié)合，效果可能會更好。Adobe Garamond字體：正如前面所述，該字體在 Nagano 一詞中并沒有形成明顯的字體，只是局部形成一些不多的圖案感。如果要用這種字體，那就干脆再增加點(diǎn)圖案！下面所采用的圖案使文字充滿更多的野性氣息。加上圖案后，字體顯得蒼勁、老化及歲月久遠(yuǎn)的感覺，這種感覺對于一家處于現(xiàn)代化城市的餐廳來說，形成了強(qiáng)烈的對比。使用大地顏色增加了溫暖感。既然是狂野，那就不要一本正經(jīng)地將名稱放置成直和豎，給點(diǎn)角度！當(dāng)然， Adobe Garamond 畢竟給人一種非常正式的字體感覺，其實(shí)要達(dá)到最佳及可信

11、的效果，我們可以采用一種給人蠟紙印刷效果的字體（見下），這種字體給人一種貨運(yùn)、軍事、海軍及遠(yuǎn)征的感覺。Copperplate Gothic 32BC字體：該字體字母上有一些并不明顯的襯線，使它呈現(xiàn)一種粗壯、工業(yè)時代的感覺，與城市的環(huán)境非常配合。其結(jié)構(gòu)清晰、寬厚的字體特征適合將其設(shè)計成間距較寬的全景式效果排版。就算其字體尺寸非常小時，其全景式的排版都給人一種寬屏幕的效果及傳達(dá)宏大及莊嚴(yán)的氣息，而且同樣給人一種平靜的感覺。居中的排版使版面呈現(xiàn)靜態(tài)。其字體上細(xì)微的襯線幫助視線將所有字母連接在一起：任何一種顏色在全景式的字母設(shè)計中都能發(fā)揮作用，甚至很多人不敢用的洋紅色（見上）效果一樣很好，因?yàn)樽帜革@得

12、很?。ǚ催^來，如果字母很大時，用洋紅這些非常鮮艷的顏色則要小心一些），黑色的背景增加了品味及檔次，也使字母字體雖小但卻能清晰可見。Bureau Grotesque Extra Compressed Black字體：將這種字體壓縮其字符使其給人一種好象礦業(yè)的氣息。紅墻顏色及藝術(shù)化的擺放非常適合于表達(dá)藝術(shù)、爵士音樂、布魯斯音樂及城中特色店的環(huán)境。 如果你喜歡玩積木游戲，那你可能也會喜歡在設(shè)計中使用 Bureau Grotesque 字體，其緊密的塊狀結(jié)構(gòu)適合你以各種形式堆放，而且通常出來的效果都非常不錯。留意一下當(dāng)組合堆放使用時其字體中所形成的負(fù)空間（上圖中的白色區(qū)域），這些負(fù)空間與字體本身的結(jié)構(gòu)

13、同樣重要。在設(shè)色上，我們將 urban 及 grill 兩字低調(diào)處理，使主要名稱顯得更加醒目。當(dāng)然，從上圖也可以看出， urban 及 grill 的顏色其實(shí)都是來自于背景色，只是降低其色調(diào)即可。上述這幾個設(shè)計在版面中都形成了有趣的空間，特別是上圖右的設(shè)計，使文字區(qū)域形成了一個充滿力量的焦點(diǎn)。Planet Kosmos字體：該字體每一個字母給人的感覺都非常相似，而且也給人一種日本文字的感覺。它傾斜的結(jié)構(gòu)傳達(dá)了一種快速及急進(jìn)的感覺（字體結(jié)構(gòu)呈角底），同時也傳達(dá)一種年青人（其卡通化的字體設(shè)計）及干凈（線條簡單）等氣息。 上圖中，我們可以看出，當(dāng)名稱整個穿越版面時（上圖左），它給人的感覺是快速的，因

14、為我們的視線可以說是一掃而過。而上圖右的設(shè)計，明顯就“慢”了很多，使版面產(chǎn)生一個邊框感，導(dǎo)致觀察的視覺迂回曲折。呈角度的擺放顯得活力十足，仿佛告訴別人這家餐廳充滿年青活力，但也傳達(dá)出：如果你想找個安靜的地方輕松一下，這里并不適合。HTF Didot字體：這種字體給人一種大城市的氣息魅力十足，非常適合一家大都市中的別致餐廳使用的字體。在時裝界，也經(jīng)常會看到這種字體的使用。 白色的 HTF Didot 字體放置在大紅的背景上，其醒目的程度非常強(qiáng)烈。而在這個例子中，由于其名稱，它同樣傳達(dá)了一種日本的氣息。 HTF Didot 字體那些超細(xì)的線條傳達(dá)出一種特別的沖擊感。用 Helvetical Ult

15、ra Light 字體與其配合是非常適合的，因?yàn)楹笳叩木€條與 HTF Didot 字體的襯線非常搭配（見上小圖）。紅灰黑白永遠(yuǎn)是漂亮的顏色搭配！HTF Didot 字體所呈現(xiàn)的圖案感可以從上圖那些重復(fù)的垂直線條中感知，不僅僅與其它字體一樣，其線條都有點(diǎn)輕微的傾斜，而是這種字體剛好在這幾個字母中呈現(xiàn)中一種強(qiáng)烈的圖案感（對于這種字體來說這并不多見），留意 aga 中，g 所形成的優(yōu)美弧線柔和了該名稱的硬邊感，也使整體顯得更吸引人。Lettres Eclatees：這種字體初看給人一種混亂不堪的感覺，但這種字體卻充滿很多重復(fù)的元素，形成了圖案及紋理。兩種顏色已經(jīng)足夠讓其顯得品味十足，效果令人眼睛一亮。 這種崎嶇不平的字體非常配合街頭風(fēng)格，但問題是，你如何避免你設(shè)計的卡片也是凌亂不堪？象上面一樣，文字居中成一行，背景黑色。出來的感覺充滿藝術(shù)及紋理氣息，其四周形成的邊框感使其象是畫廊里懸掛的一幅藝術(shù)作品一樣。文字使用的兩種顏色只要有細(xì)微的差別即可，既突出主要名稱但又不會使整個文字分離。這種字體沒有一個地方是呈直線的，都是角位、曲線，這使其更接近于一種紋理的特性，如果將其倒過來觀察，這種感覺更明顯。Helvetica Neue字體：這種字體充滿瑞士簡約的設(shè)計風(fēng)格，優(yōu)美、幾何形及