如何設(shè)計(jì)文字標(biāo)

文字標(biāo)是指不包含圖形的標(biāo)志，設(shè)計(jì)這種標(biāo)志其實(shí)可以很簡單！

一個(gè)標(biāo)志如果不包含圖形或圖片即稱之為文字標(biāo)，這類標(biāo)志設(shè)計(jì)起來相對比較容易。文字標(biāo)是使用最廣泛的一類標(biāo)志，事實(shí)上，很多國際性大公司都在使用這種標(biāo)志，比如 IBM , SONY 。

和其他標(biāo)志一樣，文字標(biāo)也是要代表某種東西。在我們開始設(shè)計(jì)之前，應(yīng)該花點(diǎn)時(shí)間想清楚標(biāo)志到底要傳達(dá)的是什么，對于一家公司或團(tuán)體來說，它要表現(xiàn)的是什么，一件事物或一個(gè)人？是某種產(chǎn)品或是服務(wù)？目標(biāo)顧客是哪些人？如果對這些問題沒有清晰的答案，設(shè)計(jì)師就很容易經(jīng)不起誘惑而加入很多花俏的圖形，而這些圖形其實(shí)并不是這家公司所實(shí)際需要的。你對公司越了解，你走的彎路就會(huì)越少。

下面的文章里我們將為 Berington 保險(xiǎn)公司（ Berington Insurance ）設(shè)計(jì)一個(gè)文字標(biāo)志，其中的一些原理可以應(yīng)用在所有類型的標(biāo)志設(shè)計(jì)中。

馬上開始：

1 ．為公司的名字選擇一種字體

2 ．調(diào)整文字的大小和對齊方式，我們將其中一個(gè)單詞放大，其他文字居中

3 ．在文字周圍加上邊框，并填充適當(dāng)?shù)谋尘邦伾?

4 ．加上裝飾性的邊線就 ok 了，標(biāo)志看起來不錯(cuò)，設(shè)計(jì)起來也不費(fèi)工夫。

我們來詳細(xì)分析上述這最基礎(chǔ)的幾個(gè)步驟:

一、選擇一種字體

在一個(gè)文字標(biāo)中，字體是關(guān)鍵。你首先需要從很多種字體中選擇一種，這里有一些原則可以參考：

當(dāng)公司名稱使用了某種字體時(shí)，其文字實(shí)傳達(dá)了表面的和隱含的兩種信息。在第一個(gè)例子中，表面的信息是 Berington 保險(xiǎn)公司，而隱含的信息則是它給人的印象或感覺。我們的任務(wù)就是要找出這兩種信息的互動(dòng)關(guān)系。

我們來試一種字體：

隱含的信息一般都取決于上下文。比如上圖的這種字體，看上去這家保險(xiǎn)公司可能是專門經(jīng)營軍屬保險(xiǎn)業(yè)務(wù)的。對于公眾來說，還可能被誤認(rèn)為是航運(yùn)公司。我們來試一下另一種字體：

這種輪廓清晰的字體傳達(dá)出一種信息：公司在行業(yè)里已經(jīng)具有多年經(jīng)驗(yàn)。如果我們還是采用這種字體，但改變一下名稱看看有什么效果。

（字面意思：汽車維修）

同樣是這種比較正統(tǒng)的字體卻傳達(dá)了另一種信息：修理起來可能會(huì)很貴。

這就是我們所說的兩種信息的互動(dòng)關(guān)系。

選擇字體最好的方式就是用你字體庫里的字體多試一下，看看效果，一些花哨的字體可能會(huì)比較吸引人，不過你還以應(yīng)該更側(cè)重于比較平實(shí)的字體，為什么呢？因?yàn)檫@些字體更醒目有力，比如 Caslon 字體在其它元素中就不會(huì)顯得過于令人側(cè)目。

讓我們繼續(xù)原來的例子，下面我們把名稱換成大寫，拉開字符之間的距離。

這樣看起來比較莊重，更符合公司比較嚴(yán)謹(jǐn)正式的風(fēng)格。

還有一點(diǎn)要注意，有時(shí)單行文字并不能充分表現(xiàn)標(biāo)志的含義，那我們可以通過改變其他因素來改變隱含的信息，比如：

用 Lithos 字體會(huì)體現(xiàn)一種希臘，非洲的奇特格調(diào)，我們按下圖處理，這種效果會(huì)更加強(qiáng)烈。

二 ．文字的對齊方式

我們對 Berington 這個(gè)詞使用 Odeon 緊縮字體，該字體字符間很擠，傳達(dá)了工業(yè)化的味道，而 Insurance 這個(gè)詞可以是用同樣的字體也可以用其他的字體，要注意文字之間的相互關(guān)系，一般來說我們希望它們看起來像一個(gè)整體，這個(gè)例子中，你可以利用工具中強(qiáng)制調(diào)整間距的功能使兩個(gè)詞的兩端對齊。下面我們看看其他的可能：

這個(gè)例子里很巧的是 Berington 和 Insurance 兩個(gè)詞有相同的字符數(shù)，只要用同一字體就可以自然對齊了。

如果兩個(gè)詞的長度不同怎么辦呢？如果采用相同的字體，那么可以縮小較長單詞，來使兩個(gè)詞兩端對齊：

也可以選擇不同的字體使標(biāo)志產(chǎn)生對比，下圖中，這里我們選擇另一種比較醒目有棱角的字體，調(diào)整字體的大小可以使兩個(gè)詞左右對齊。

通過增加兩個(gè)詞字體大小的差別，可以使這種對比更加突出。不過為了左右對齊，下面的那個(gè)詞的字符間距要拉大一點(diǎn)（下圖）。

增加字符間距可以產(chǎn)生一種奢華的感覺，特別是對于比較緊湊的字體，如果兩個(gè)詞的字符間距都增加的話，記得也要把兩個(gè)詞之間的距離也拉大一點(diǎn)。

三．添加背景區(qū)域

首先，我們來看看這些文字的整體的形狀（試著以不同角度來觀察），然后在它們周圍畫上適當(dāng)形狀的邊框，用合適的顏色填充，不管是對單個(gè)詞還是多個(gè)詞的標(biāo)志都是可以的，下面我們看看三種不同的方法：

上圖中，這種整齊的形狀可以使標(biāo)志更突出，配合字體整體形狀的背景，也使到標(biāo)志的結(jié)構(gòu)得到進(jìn)一步加強(qiáng)。

上述原則同樣適用于長短不一的文字。注意，上圖中，上下的兩個(gè)較短的詞是兩端對齊的，同樣配合整體文字形狀的背景使標(biāo)志看起來更具活力。

背景還可以起到強(qiáng)調(diào)的作用，比如上圖只在標(biāo)志的一部分添加背景，可以使這部分從其余的部分中凸現(xiàn)出來，注意加了背景區(qū)域之后，其它的文字要與背景兩端對齊，而不是與文字對齊。

四、 添加對齊邊線

邊線可以使標(biāo)志顯得更時(shí)尚，漂亮。因?yàn)檫吘€可以突出標(biāo)志的結(jié)構(gòu)，使公司的名字更引人注目，當(dāng)然有時(shí)候僅僅只是為了裝飾標(biāo)志。

1、邊線一般與文字形狀的邊緣形成某種對齊，這樣做不僅僅是為了整潔，同時(shí)也使標(biāo)志成為一個(gè)更醒目的整體。

對于公司名字，你還可以試試下面的這些方法。

2、 修飾背景區(qū)域

如果外形輪廓不夠時(shí)尚或是太簡單了，可以在背景區(qū)域添加其他修飾。比如下圖中我們在標(biāo)志的兩端加入半圓形，同時(shí)用小圖案來裝飾四個(gè)角（注意一個(gè)標(biāo)志中都只有同一種圖案），這是一種讓你的標(biāo)志得到進(jìn)一步美化或深化的一種技巧。

上圖中 Dantés’ 標(biāo)志的字體比較柔順，同時(shí)橢圓輪廓也顯得比較自由，在兩端增加裝飾線可以使標(biāo)志看上去更嚴(yán)謹(jǐn)，你可以試試不同粗細(xì)的線條。

使用重復(fù)的圖形

一個(gè)圖形可以重復(fù)多次使用，試試對每個(gè)字符或是單詞都使用相同的形狀，就像下圖一樣。

設(shè)計(jì)比較長的文字標(biāo)志

如果你的客戶公司名稱長得幾乎趕上了一句話，這種文字標(biāo)也可以設(shè)計(jì)得很出色。最主要的是確定名字中哪部分是需要強(qiáng)調(diào)的，把這部分放大，其余的文字可以居中或是強(qiáng)制對齊來達(dá)到平衡的效果。

設(shè)計(jì)首字母縮寫標(biāo)志

如果設(shè)計(jì)的是一個(gè)首字母縮寫的標(biāo)志，文字的安排相對比較簡單，但是還是要記住一條原則：把縮寫當(dāng)成一個(gè)單詞來設(shè)計(jì)。

首字母縮寫標(biāo)志一直很流行，但它也有一些限制。其中之一就是一個(gè)單獨(dú)的縮寫不能完全表達(dá)公司所代表的信息，解決辦法就是把公司的完整名稱也加到標(biāo)志中去。

即使是縮寫標(biāo)志，它的形狀也是由字體的整體形狀來決定的，注意上面左邊的標(biāo)志中，首字母縮寫與公司全稱結(jié)合形成了一個(gè)有力的標(biāo)志。

上圖的標(biāo)志雖然不是完整的名稱，但在應(yīng)用裝飾線條、區(qū)域及各種圖案時(shí)也不要忘了對齊，對齊會(huì)產(chǎn)生一種整齊，統(tǒng)一的效果。

單個(gè)字母縮寫的標(biāo)志就像徽章一樣，可以試試把這些標(biāo)志放在自己個(gè)人的文具用品上，比如信紙，信封什么的。

讓圖形和文字共舞

圖形和文字雖然是截然不同的元素，不過它們是一個(gè)硬幣的兩面，用得好可以相得益彰，下面我們看看怎樣組合它們：

在電腦時(shí)代，現(xiàn)在有數(shù)以千計(jì)的專業(yè)繪畫插圖或圖形元素供人們挑選下載或購買，而且價(jià)格低廉。字體設(shè)計(jì)曾經(jīng)是非常藝術(shù)化的事情，但現(xiàn)在一些公司也會(huì)免費(fèi)提供字體，也使到字體的地位不在高高在上。

讓我們嘗試把這兩樣?xùn)|西結(jié)合起來。通常我們是將圖形和文字分開使用，這里放圖形，那里放文字，實(shí)際上，把他們結(jié)合起來效果更好。這意味我們要將圖形和文字相互遮蓋，并列，或是粘連，交織在一起。這樣可以讓它們的特點(diǎn)相互映襯，成為一個(gè)整體，這比把它們生硬的擺在一起要好得多。

最容易得到而且很實(shí)用的圖形來自于圖案字符（ Dingbats ），比如圓點(diǎn)，箭頭，星形，圓環(huán)等。最普通的特殊字符集是 Zapf 字符集，一般激光打印機(jī)都會(huì)內(nèi)置這些標(biāo)準(zhǔn)字符。

1 ．相互遮蓋

親密關(guān)系最重要

單獨(dú)字符和圖形可以緊密的組合成很好的標(biāo)志。讓字母和圖形不斷的接近，接近，再接近直到相互遮蓋住，一個(gè)簡單又有藝術(shù)感的標(biāo)志就 OK 啦。

緊密可以有很多種形式。上圖黑桃壓著字母J，同時(shí)黑桃仍然能夠完整地呈現(xiàn)，但是下圖則相反。在這里我們在 M 上加了些修飾，讓波浪元素像葉子一樣蓋在字母上，兩個(gè)圓圈很好的體現(xiàn)了活潑的主題。

讓圖形置在名字上 …

什么是 Cookout 公司的特色，這個(gè)圖形不用只言片語就回答了這個(gè)問題。

注意魚是朝向公司名字的，這是兩者聯(lián)系的關(guān)鍵，如果魚看上去是游走了，那么顧客也會(huì)跟著它走開了。

2、 兩者并列

大圖形，小文字

突出圖形而使文字保持低調(diào)會(huì)產(chǎn)生一種比較權(quán)威的感覺，大公司更喜歡這種表現(xiàn)方式。

大文字，小圖形

有時(shí)候一個(gè)簡單的圖形就可以體現(xiàn)“你是誰”和“這家伙到底是干什么的”。這個(gè)例子中，只是用鉛筆圖形替代原來的撇號(hào)就可以清晰的體現(xiàn)公司的文具主題?？梢試L試用圖形去替代標(biāo)點(diǎn)符號(hào)或是某個(gè)字母。

注意這個(gè)標(biāo)志中的主題顏色是黃色和金色，兩種顏色很接近，還有紅色和紫紅色，綠色和淺綠色，這些顏色在一起都顯得比較和諧，更重要的是看起來象是一個(gè)整體。還有一點(diǎn)，就是學(xué)會(huì)運(yùn)用大小寫的對比。圖中比較大的主體部分 – fifi’s- 是用小寫字母，而下面小字 – STATIONERS- 則用大寫，這樣產(chǎn)生了一種意想不到的對比效果。你可以試著將大的文字處理得比較淡，而將小文字處理得更醒目

3、相互粘連

象三明治那樣層疊

將單獨(dú)的字母蓋在圖形上可以創(chuàng)造出一個(gè)很漂亮的縮寫標(biāo)志，設(shè)計(jì)起來易如反掌。

當(dāng)組合字母和圖形的時(shí)候，要注意兩者明暗關(guān)系。比如上圖第一個(gè)標(biāo)志中，字母 E 含在紋飾圖案中幾乎看不清，可以在字母后面加上深色的背景，讓字母更突出，如果不加背景，減淡紋飾圖案的顏色可以達(dá)到同樣的效果。

完全覆蓋！

最徹底的讓文字和圖形融合的方法就是圖形覆蓋著個(gè)字母，同時(shí)保持位置不變，可以使用很多種特殊效果，比如模糊，運(yùn)動(dòng)，渲染等等。

圖片傳情，文字達(dá)意

為什么要這兒放文字，那兒放圖形，相反兩者放在一起效果更佳。字面意思和視覺元素完美結(jié)合，會(huì)產(chǎn)生一加一大于二的效果！

虛實(shí)相應(yīng)

比如下圖中，一個(gè)特別的元素傳達(dá)了隱含的信息，足球連接了兩個(gè)字符，但是沒有文字的說明，這個(gè)設(shè)計(jì)中最棒的就是，你需要琢磨一下才能理解潛藏的含義：靠！原來足球是 Joe’ 里面的 o ！

是什么造成了文字和足球的距離感呢？因?yàn)槿绻粋€(gè)物體朝我們移動(dòng)越近，就會(huì)顯得越大而且在視野中就越靠下，所以要造成這種效果，就把圖片放的大一點(diǎn)，擺得靠下一點(diǎn)。

設(shè)計(jì)一個(gè)超級(jí)好玩的多圖形標(biāo)志

是不是有時(shí)候很難確定到底哪個(gè)圖形更適合？下面的方法可以把它們都利用上。

傳統(tǒng)的標(biāo)志都是在名稱與一個(gè)單獨(dú)的精心設(shè)計(jì)的圖形相結(jié)合，然后統(tǒng)一應(yīng)用在公司所有的物品中。但我們在這里介紹一種令人耳目一新的設(shè)計(jì)：一個(gè)標(biāo)志由三，四，五甚至更多個(gè)圖形圍繞名稱或地址組成。這種輕松的風(fēng)格適合于很多類型的公司，比如汽車修理，花店，或是體育用品公司。這樣做很有趣，特別是當(dāng)你喜歡組合更甚于繪畫的時(shí)候，因?yàn)檫@是種排列組合的藝術(shù)。每個(gè)零件都是不一樣的，在不同的地方可以根據(jù)空間有各種的組合，比如名片，信紙，甚至是在 T 恤上，可以有很多不同的表達(dá)方式，下面我們看看怎么做。

從剪影開始

剪影是最容易，也是最通用的形式，因?yàn)橛泻芏嘣妓夭目晒┦褂茫热缯掌?，用線條構(gòu)成的藝術(shù)作品、用半調(diào)處理的繪畫，他們的藝術(shù)風(fēng)格都很相似，找出有清晰輪廓的對象，然后描繪輪廓，填充。

全方位的標(biāo)志

還有比鉗子，扳手這些更普通的東西嗎？但它們很呆板，不過適當(dāng)?shù)慕M合可以產(chǎn)生一種清新活潑的效果。為什么會(huì)有這種效果？注意兩點(diǎn)：第一是相似，不論你是用三個(gè)或是十個(gè)圖形，它們一定要有一些相通的地方，比如風(fēng)格，顏色，主題等；第二是統(tǒng)一，藝術(shù)性的擺放要配合空間的特性，疏密有致的放在不同的地方，整個(gè)布局中的不同部分要看起來統(tǒng)一，這種統(tǒng)一有序的形象會(huì)讓這種華麗的圖像更受矚目。

下圖中我們所用的字體屬性：

名稱： ITC Machine 字體

地址： Helvetica Neue 55 Roman 字體

你也想做一下？看看我們的步驟：

1 ．建立一個(gè)簡單的基調(diào)

辦公用品中最基本的就是名片，信紙，和信封，雖然這些東西尺寸和材質(zhì)都不一樣，但它們都有相通之處，我們的目的是讓它們看起來是個(gè)相互協(xié)調(diào)的整體。為了使標(biāo)志能夠靈活運(yùn)用，我們必須對頁邊距及其支撐的元素在擺放的位置上統(tǒng)一處理。下面我們看看怎么做：

將文字放在一個(gè)區(qū)域里

首先將文字放在一個(gè)比較整齊的區(qū)塊里，靠左或者居中都可以，如下圖中 [1] 。如果分成兩段就顯得比較累贅了；文字盡量簡單，字體小一點(diǎn)，對于地址， 8pt 的字就足夠清晰了，因?yàn)檫@個(gè)文字塊會(huì)出現(xiàn)在不同的文檔中，所以盡量先去適應(yīng)名片的需要。

把文字塊放在一角上

將文字塊放置在頁面的一角上，保持文字的方向和相對位置在每一頁上都是相同的，這個(gè)角可以是真實(shí)的邊角 [2] ，也可以是空白區(qū)和虛擬邊界形成的邊角，如下圖 [3] ， [4] 。組合式的標(biāo)志一般都比較占空間，所以信頭至少有一邊，通常是左邊要有比較寬的空白。

讓圖形說話

圖片可以為你的組合式標(biāo)志增添光彩，特別是圖片元素比較相似的時(shí)候，關(guān)鍵是圖片元素視覺上要比較簡潔，線條簡練，花紋平實(shí)，輪廓清晰。色彩簡單也很重要，比如下面的例子里這些花朵的線條，形狀，紋理都比較復(fù)雜，但是色彩簡單，每一個(gè)看起來都是一個(gè)大的色塊。這些花朵還有另一個(gè)好處，那就是我們對這些形狀非常熟悉。

2、 精心布局

當(dāng)你布置這些圖形時(shí)，要注意圖形視覺上的重量、平衡和視線轉(zhuǎn)移的路線。將這些圖形元素分成不同的組，每個(gè)組和其他的組都有相互平衡的關(guān)系，先把主要的組放在開闊的地方，然后把單個(gè)的圖形或是比較小的組放在周邊的位置上，注意文字塊本身也是有重量的，也是我們考慮平衡的一個(gè)部分。很多圖形比如螺絲刀，扳手等都有它本身的指向，我們的視線會(huì)不自覺地跟隨這個(gè)方向移動(dòng)，這個(gè)特性很有價(jià)值，可以引導(dǎo)讀者視線在頁面上移動(dòng)。下面這個(gè) T 恤的設(shè)計(jì)里，三個(gè)花朵包圍著中間的名稱，并指向它。

溫馨提示：

找出元素其本身自然的方向性可以讓視線引導(dǎo)到重要的信息上。

元素本身的指向性

很多元素本身是有指向性的，它們的形狀會(huì)讓我們的目光不自覺的在某個(gè)方向上移動(dòng)，一個(gè)原則就是：將圖形指向要突出的信息，就像下面例子中的一樣。

平衡

一個(gè)頁面里的所有元素包括文字都會(huì)影響設(shè)計(jì)的視覺平衡，盡量讓元素的重心靠近整個(gè)布局的中間，可以讓顯得較重的元素組更靠近中間，這樣就和遠(yuǎn)離中心但是比較輕的元素組相平衡了。