世界上有很多標(biāo)志都只是單純采用文字設(shè)計,文字標(biāo)志簡約而不簡單。而設(shè)計一個文字標(biāo)志的前提是你對字體結(jié)構(gòu)要有深入的認識。在本文中,我們既探討如何分析字體結(jié)構(gòu)來設(shè)計文字標(biāo)志,也以豐富的實例來探討文字標(biāo)志如何在實際中應(yīng)用——只由文字組成的版面其實已經(jīng)魅力十足!
歡迎光臨長野城市燒烤 (Nagano Urban Grill) 餐廳,這家坐落在市中心的燒烤餐廳深受年青人的歡迎。我們的設(shè)計項目就是為這家餐廳設(shè)計一個標(biāo)志,而標(biāo)志只采用餐廳的名字。只采用文字來設(shè)計標(biāo)志是一種有效的解決方式,有些標(biāo)志會包括其它圖案,但也有很多標(biāo)志并沒有圖案。一個好的標(biāo)志必須醒目、清晰及吸引,它能夠正確傳達公司本身的信息。要讓單純文字組成的標(biāo)志傳達這么多東西挑戰(zhàn)性是非常大的。為了設(shè)計好一個文字標(biāo),我們可以通過表達字母本身的自然形態(tài)來設(shè)計,就象這樣:
每一個名稱都有它自己的形態(tài)特點,所以在處理一個文字標(biāo)志之前,我們必須細心觀察其結(jié)構(gòu)。就象上面所示,我們可以用手將名稱寫出來,可以看到有一個 g 下方的弧線超出了基線,而 g 上方的弧線與左右兩個 a 一起在上方形成了三個圓環(huán)元素。 Nagano 的第一個字母是 N ,結(jié)尾是 o ,兩者都有開放的線條使視線趨向外面,一共有 6 個字母,從視覺上說,其視覺感是比較平均分布的,詞義本身具有明顯的日本氣息。所有這些,都是我們設(shè)計時的基礎(chǔ)共識。 從分析字母開始: 不同的字母有不同的形態(tài)特點。我們首先要對這些字母的形態(tài)有深入的了解。每一個字母的形態(tài)都有不同的表達。字母的形態(tài)也決定你如何來設(shè)計一個文字標(biāo)志。
上述是 Avant Garde 字體,該字體主要由簡單的直線及弧線構(gòu)成,非常有利于分析字母的結(jié)構(gòu)。我們上述是將其結(jié)構(gòu)上類似的字母編成一組,當(dāng)然,不同的字體會有一些不同的變化。 舉個例子,如果我們設(shè)計的標(biāo)志名稱是叫 j.jill ,從上述我們可以看出,這些字母只有直線,沒有柔和弧線構(gòu)成。相反,如果我們設(shè)計的名稱是 pod ,則其整體感覺是充滿圓弧線,而沒有給人一種呈角度感的視覺元素。 當(dāng)不同的字母組合在一起時,便呈現(xiàn)了一種節(jié)奏感。雖然節(jié)奏感是看不到的元素,但它卻影響著我們?nèi)绾握J知一個詞。
尋找圖案: 在開始時,我們可以將字母以大寫或小寫組合在一起仔細觀察其各自所形成的圖案,特別要注意那些重復(fù)的線條及形狀。
上圖中,大寫的字母字體是 Futura Book ,可以看到,有兩個呈鏡像對稱的角度組合( NA-AN ),同時也有兩個圓弧的組合結(jié)構(gòu),其整體結(jié)構(gòu)雖有節(jié)奏感,但不是很明顯。而上圖下方的小寫字體為 Avant Garde ,其整體感覺是給人一種圓弧感,可以說呈現(xiàn)的圖案感是比較強烈的,也很有趣。 有些名稱在某些字體下并不會形成圖案感:
在 Avant Garde 字體時,各個字母看起來都比較接近,從而呈現(xiàn)一種圖案感,但在上面的 Adobe Garamond 字體時,則沒有形成圖案感。在 Avant Garde 字體時, g 呈圓環(huán)形,而在上面的字體中,則呈一種扭纏狀。一般來說,如果一個名稱中各個字母的細節(jié)越多——包括襯線、收尾、飾紋、線條變化粗細等,則圖案感而越弱。
而上面的這幾個字母,整體所呈現(xiàn)的圖案感則很強。當(dāng)細小的元素有很多重復(fù)或相似時,就會形成一種圖案的感覺。在上圖這三個字母中,你可以看到四個相似的圓環(huán)元素及字母中間的相似結(jié)構(gòu)。 所以說,我們可以通過嘗試不同的字體來讓一個名稱呈現(xiàn)圖案感,在很多裝飾性的字體中都能夠輕易形成圖案感。
手寫體風(fēng)格的 Sloop 字體具有強烈而且優(yōu)雅的圖案感,它的每一個字母都呈拱形,線條給人一種順暢的流動感,而且在很多環(huán)線及曲線中線條都是由粗到細變化,留意首字母 N 的線條,它增加了原本不存在的弧線使其看起來與其它字母的感覺非常相似。你任意將一個名稱采用 Sloop 字體時都會自動形成一個漂亮的圖案。 同樣的,你可以通過調(diào)節(jié)字母來使名稱形成某種圖案感。兩種最簡單的技巧就是擴大字符間距及壓縮字符間距。
上圖中通過擴大字符間距,使各個字母失去了互相聯(lián)系的感覺,這種擴大字符間距可以產(chǎn)生一種新的圖案感,象一排圓點的感覺。大間距還使整個名稱產(chǎn)生一種莊重、清晰及優(yōu)雅的氣息,在很多電影中我們都會看到以放大間距來設(shè)計片名的實例。這種技巧幾乎適用于所有的字體,當(dāng)然,關(guān)鍵是要采用全大寫字母的形式。
與擴大字符間距相反的,就是上圖所示的壓縮字符間距。將各個字母的字符間距壓縮,使其緊湊結(jié)合,整體給人一種厚實、充滿力量的感覺。在電影的片名設(shè)計中同樣會經(jīng)常看到,因為它能夠傳達一種結(jié)實、份量十足的視覺效果,特別在全大寫字母時效果更加明顯。如果字體尺寸比較小的時候,由于其形成一個緊密的整體,所以我們能夠很輕松地將其作為一個單獨的元素來與其它元素配合設(shè)計。 現(xiàn)在,讓我們進入實戰(zhàn)階段:設(shè)計名片 在上面,我們講述了名稱中的字母能夠形成圖案,如何形成圖案。當(dāng)然,不同的字體也傳遞出不同的信息。要設(shè)計好一個成功的文字標(biāo)志,關(guān)鍵是要找一種能夠讓整個名稱看起來視覺效果良好同時又能準(zhǔn)確傳達公司信息的字體。 為了讓各位讀者能夠充分觀察,在接下來我們會嘗試用九種不同的字體來設(shè)計名片。名片可以讓我們以一種更直觀的方式來觀察文字標(biāo)志的實際應(yīng)用效果。同時,在下面的設(shè)計中,我們只采用文字,沒有采用其它任何的圖案元素——要特別留意這一點,你可以觀察到僅僅采用文字,我們就已經(jīng)可以設(shè)計出非常漂亮的版面效果——單獨的文字已經(jīng)可以進行充分的溝通。
上述是一個標(biāo)準(zhǔn)的名片,其尺寸為 3. 5 × 2 英寸 。在下面的設(shè)計中,我們將名稱作為單獨一面來設(shè)計,另外的一面可以放置的聯(lián)系信息等內(nèi)容就不再這里討論。 A vant Garde 字體: 該字體使 Nagano 形成一種自然的圖案,特別在小寫字母時,其形狀醒目及充滿活力,名片及文字的顏色可以互換使用,讓我們來看一下效果:
醒目的圓環(huán)元素貫穿整個名片!小標(biāo)題的 “urban grill” 同樣是 Avant Garde 字體。綠色及黃色的搭配形成清新氣息。在下圖中,使用二次色與黑白搭配可以產(chǎn)生同樣醒目的效果。整體的文字形成一行文字的感覺,單行的設(shè)計與充滿醒目圓環(huán)的字母形成良好的平衡效果。留意各個字符非常靠近但并不接觸,采用不對稱的布局來處理空間(高 - 中 - 窄)使整個名片版面顯得動感而不呆板。
Sloop 字體: 該字體充滿靈氣、飄逸的特點傳達了優(yōu)雅及品味的氣息,說不定還會吸引女皇的來訪,呵呵。居中排版及低調(diào)、金屬感的顏色增加了版面的莊重感。
真正的力量往往來自于未加修飾所散發(fā)的力量,仿佛天生如此。在這個項目中,對于這種字體,你需要的居中排版,顯得穩(wěn)重端莊??傮w給人的感覺就是平穩(wěn)靜態(tài)。銀色及金色的象征著財富,但在這個版面中,它給人的感覺是輕巧、安靜及低調(diào)的。小標(biāo)題顯得更低調(diào)( Helvetica Neun Ultra Light 字體),間距非常大,字母尺寸非常小,與 Nagano 形成漂亮的搭配效果。這個標(biāo)志整體給人一種非常正式的感覺,而長野燒烤店卻是一個喧鬧的餐廳,如果用圖片與文字結(jié)合,效果可能會更好。 Adobe Garamond 字體: 正如前面所述,該字體在 Nagano 一詞中并沒有形成明顯的字體,只是局部形成一些不多的圖案感。如果要用這種字體,那就干脆再增加點圖案!下面所采用的圖案使文字充滿更多的野性氣息。
加上圖案后,字體顯得蒼勁、老化及歲月久遠的感覺,這種感覺對于一家處于現(xiàn)代化城市的餐廳來說,形成了強烈的對比。使用大地顏色增加了溫暖感。既然是狂野,那就不要一本正經(jīng)地將名稱放置成直和豎,給點角度!當(dāng)然, Adobe Garamond 畢竟給人一種非常正式的字體感覺,其實要達到最佳及可信的效果,我們可以采用一種給人蠟紙印刷效果的字體(見下),這種字體給人一種貨運、軍事、海軍及遠征的感覺。
Copperplate Gothic 32BC 字體: 該字體字母上有一些并不明顯的襯線,使它呈現(xiàn)一種粗壯、工業(yè)時代的感覺,與城市的環(huán)境非常配合。其結(jié)構(gòu)清晰、寬厚的字體特征適合將其設(shè)計成間距較寬的全景式效果排版。
就算其字體尺寸非常小時,其全景式的排版都給人一種寬屏幕的效果及傳達宏大及莊嚴的氣息,而且同樣給人一種平靜的感覺。居中的排版使版面呈現(xiàn)靜態(tài)。其字體上細微的襯線幫助視線將所有字母連接在一起:
任何一種顏色在全景式的字母設(shè)計中都能發(fā)揮作用,甚至很多人不敢用的洋紅色(見上)效果一樣很好,因為字母顯得很?。ǚ催^來,如果字母很大時,用洋紅這些非常鮮艷的顏色則要小心一些),黑色的背景增加了品味及檔次,也使字母字體雖小但卻能清晰可見。 Bureau Grotesque Extra Compressed Black 字體: 將這種字體壓縮其字符使其給人一種好象礦業(yè)的氣息。紅墻顏色及藝術(shù)化的擺放非常適合于表達藝術(shù)、爵士音樂、布魯斯音樂及城中特色店的環(huán)境。
如果你喜歡玩積木游戲,那你可能也會喜歡在設(shè)計中使用 Bureau Grotesque 字體,其緊密的塊狀結(jié)構(gòu)適合你以各種形式堆放,而且通常出來的效果都非常不錯。留意一下當(dāng)組合堆放使用時其字體中所形成的負空間(上圖中的白色區(qū)域),這些負空間與字體本身的結(jié)構(gòu)同樣重要。在設(shè)色上,我們將 urban 及 grill 兩字低調(diào)處理,使主要名稱顯得更加醒目。當(dāng)然,從上圖也可以看出, urban 及 grill 的顏色其實都是來自于背景色,只是降低其色調(diào)即可。上述這幾個設(shè)計在版面中都形成了有趣的空間,特別是上圖右的設(shè)計,使文字區(qū)域形成了一個充滿力量的焦點。 Planet Kosmos 字體: 該字體每一個字母給人的感覺都非常相似,而且也給人一種日本文字的感覺。它傾斜的結(jié)構(gòu)傳達了一種快速及急進的感覺(字體結(jié)構(gòu)呈角底),同時也傳達一種年青人(其卡通化的字體設(shè)計)及干凈(線條簡單)等氣息。
上圖中,我們可以看出,當(dāng)名稱整個穿越版面時(上圖左),它給人的感覺是快速的,因為我們的視線可以說是一掃而過。而上圖右的設(shè)計,明顯就“慢”了很多,使版面產(chǎn)生一個邊框感,導(dǎo)致觀察的視覺迂回曲折。
呈角度的擺放顯得活力十足,仿佛告訴別人這家餐廳充滿年青活力,但也傳達出:如果你想找個安靜的地方輕松一下,這里并不適合。 HTF Didot 字體: 這種字體給人一種大城市的氣息——魅力十足,非常適合一家大都市中的別致餐廳使用的字體。在時裝界,也經(jīng)常會看到這種字體的使用。
白色的 HTF Didot 字體放置在大紅的背景上,其醒目的程度非常強烈。而在這個例子中,由于其名稱,它同樣傳達了一種日本的氣息。 HTF Didot 字體那些超細的線條傳達出一種特別的沖擊感。用 Helvetical Ultra Light 字體與其配合是非常適合的,因為后者的線條與 HTF Didot 字體的襯線非常搭配(見上小圖)。紅灰黑白永遠是漂亮的顏色搭配!
HTF Didot 字體所呈現(xiàn)的圖案感可以從上圖那些重復(fù)的垂直線條中感知,不僅僅與其它字體一樣,其線條都有點輕微的傾斜,而是這種字體剛好在這幾個字母中呈現(xiàn)中一種強烈的圖案感(對于這種字體來說這并不多見),留意 aga 中,g 所形成的優(yōu)美弧線柔和了該名稱的硬邊感,也使整體顯得更吸引人。 Lettres Eclatees : 這種字體初看給人一種混亂不堪的感覺,但這種字體卻充滿很多重復(fù)的元素,形成了圖案及紋理。兩種顏色已經(jīng)足夠讓其顯得品味十足,效果令人眼睛一亮。
這種崎嶇不平的字體非常配合街頭風(fēng)格,但問題是,你如何避免你設(shè)計的卡片也是凌亂不堪?象上面一樣,文字居中成一行,背景黑色。出來的感覺充滿藝術(shù)及紋理氣息,其四周形成的邊框感使其象是畫廊里懸掛的一幅藝術(shù)作品一樣。文字使用的兩種顏色只要有細微的差別即可,既突出主要名稱但又不會使整個文字分離。
這種字體沒有一個地方是呈直線的,都是角位、曲線,這使其更接近于一種紋理的特性,如果將其倒過來觀察,這種感覺更明顯。 Helvetica Neue 字體: 這種字體充滿瑞士簡約的設(shè)計風(fēng)格,優(yōu)美、幾何形及冷冰是這種字體給人的感覺,它是世界上其中一種最著名的字體,總給人一種不銹鋼及玻璃的聯(lián)想。
Helvetica 字體給人一種現(xiàn)代、商業(yè)的感覺:漂亮、自律及冷漠。你幾乎可以在任何設(shè)計環(huán)境中使用這種字體。我們可以將其字符及行距緊縮,用在版面的上方或左邊。 Helvetica 字體在字符緊縮時及所有字體尺寸相同時效果非常好,不同的文字內(nèi)容改變的只是其細條及顏色。正如我們所說,它是一種冰冷的字體,所以我們需要一些燒烤的火去溫暖它。真的去找一張燒烤的照片,然后在上面取幾種暖色即可! 本文所用顏色數(shù)值如下:
廣告人推薦閱讀:
|
|
來自: 大寶應(yīng) > 《廣告設(shè)計》