藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來源：http://www.woshipm.com/pd/57704.html

 如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里

前言

生活與設(shè)計(jì)是密切相關(guān)的，當(dāng)我們站在設(shè)計(jì)的角度去體味生活，會發(fā)現(xiàn)其實(shí)字體設(shè)計(jì)無處不在。以下這里所說的只是以方便操作，和更快捷的方式做出字體效果，如果大家有更多更好的方式，歡迎交流！

①字體的“前世今生”

在當(dāng)今科技高速發(fā)展的時期，信息的傳播和交流的媒介更加科學(xué)化，而文字作為更古老的信息傳播，它的存在對于人類的發(fā)展起著巨大作用，歷史悠久?？v觀世界各國文明的文字，無論是外文字母還是中國漢字，都是源于圖形，人們?yōu)榱擞涗涀约旱乃枷搿⒒顒?、成就，開始利用圖畫作為手段，但是圖畫對于思想的表達(dá)能力非常有限，特別是對于比較抽象的思維記錄，幾乎無能為力，因此文字油然而生，也就是說圖形孕育了文字。大家都知道漢字最早的是稱之為甲骨文，具有會意、指示等特質(zhì)，這種特質(zhì)和平面設(shè)計(jì)一樣，是供人“識別”的，是一種只需“看”過之后，便可作為傳播信息的平面圖形，實(shí)現(xiàn)了文字記憶、抒情、審美等文化功能。圖像化的文字具有傳遞信息快的特點(diǎn)，通過：顏色、形狀、色彩、質(zhì)感等方式，將要表達(dá)的信息傳達(dá)給人，讓人識別、記憶并產(chǎn)生影響。

②圖形語言在情感信息傳達(dá)上具有以下幾個特征

1. 直觀性和生動性。圖形語言在信息傳播中以簡潔真實(shí)、直觀生動的形象承載著大量的信息，讓人識別、記憶并產(chǎn)生影響。
2. 個性化和象征性。簡潔生動的圖形除了直接表述主題外，還傳達(dá)一種深層次的精神內(nèi)涵，受眾對于圖形信息的正確認(rèn)識需要與視覺經(jīng)驗(yàn)信息聯(lián)系起來。
3. 說服性和感染性。想要說服別人接受某種思想觀念時，最好的方式莫過于事實(shí)說話，將其展示出來。創(chuàng)意圖形的構(gòu)圖、色彩能夠直接刺激人的眼球和大腦，感染人的情緒。如紅色讓人興奮，產(chǎn)生食欲；藍(lán)色讓人安靜，產(chǎn)生遐想；黃色代表了刺激和危險(xiǎn)等。而當(dāng)面對一些可能比較抽象的字義的時候，我們可以選擇它的同義詞，或者與之相關(guān)聯(lián)的具象得實(shí)物、圖形來展示解釋，就會明確很多。

③字標(biāo)設(shè)計(jì)的要素

1. 唯一性：標(biāo)志必須要有其獨(dú)特性，容易使公眾認(rèn)知及記憶，留下深刻印象，使其具有唯一性。如果涉及的字標(biāo)和別的同類型標(biāo)識相比沒有獨(dú)特性，那這個字標(biāo)就一定是失敗的。
2. 準(zhǔn)確性：也就是反應(yīng)內(nèi)容的準(zhǔn)確度，需求方的特質(zhì)特點(diǎn)，要緊緊地把握住。
3. 適用性：指的是能在各種尺寸的頁面上顯示，并做廣度展開運(yùn)用時的形狀也能清晰可見。一個好的字標(biāo)不單是要在網(wǎng)絡(luò)媒體上運(yùn)用自如，同樣也要在印刷品上能夠很好地展現(xiàn)。這里涉及到字體在設(shè)計(jì)時的比劃、字寬、字距等一系列細(xì)節(jié)。

④字標(biāo)的類型

1. 具象型

指字形里會穿插很多和該字面意思相關(guān)的物件，以此讓人第一眼就能加深和明確該LOGO所要表達(dá)的。這也是大家最常用到的類型，基本上一個字標(biāo)其實(shí)最多能出現(xiàn)的元素只能有兩個，三個已經(jīng)是極限甚至更多了。很多時候我們會顧此失彼，在做字的時候放進(jìn)去大量的元素，而忽視了字體本身作為標(biāo)識的結(jié)構(gòu)比劃問題，這樣會造成LOGO更像是一個圖而不是一個“字”，反倒影響了字形的識別性。

2. 手繪型

以手繪的形式來表現(xiàn)，具有不規(guī)則性，通常更有魄力。

3. 幾何型

字標(biāo)在結(jié)構(gòu)和比劃上比較規(guī)整成型，追求對稱感覺和結(jié)構(gòu)感覺，可以有菱形、方形、梯形等多種形式的變化。

4. 流線型

在字體設(shè)計(jì)上稍微偏線條流線飄逸的感覺，這種字形在設(shè)計(jì)內(nèi)容上多數(shù)偏女性和中性化。

… …

除此之外還有回線型、結(jié)構(gòu)錯落型等，其實(shí)一種字的類型有時候并不單一，可以把多種類型進(jìn)行結(jié)合來進(jìn)行創(chuàng)作。

⑤實(shí)例一——《音樂亞洲》

拿到一個字體設(shè)計(jì)的需求后，首先要做的就是分析需求。

根據(jù)不同的方向制定不同的計(jì)劃，是我們在實(shí)際制作之前必須考慮到的。

那么，接下來我們就開始實(shí)際制作了：

⑴ 選一種已有的字體作為設(shè)計(jì)參考雛形，同時確定單個字的長寬比例（以框裁定），定好字體筆畫粗細(xì)比例。

⑵ 對字體進(jìn)行切角設(shè)計(jì)，并美化字形。

⑶ 添加音樂元素，考慮添加在哪個字上最合適，且如何自然而不突兀。

⑷ 確定圖形后將它置入文字中，并微調(diào)。

⑸ 對字形結(jié)構(gòu)調(diào)整，突出“音樂”二字，錯落結(jié)構(gòu)增加層次。

⑹ 發(fā)現(xiàn)字體還不夠整體感，于是加一個邊框，使其看上去更加整體。并開始修剪之前白色的切角遮蓋部分。

⑺ 最后根據(jù)網(wǎng)站頁面色調(diào)上色，添加裝飾性英文，微調(diào)完成。

⑥實(shí)例二——《狙擊槍戰(zhàn)》

“給我一個X“？設(shè)計(jì)是不可能憑空給出一個X，我們要做的就是找到一個事物把它命名成X。

⑴ 這是一個視頻片尾的LOGO字標(biāo)，先在草稿上手繪設(shè)計(jì)各種可能，并刪選各種可能。

⑵ 經(jīng)過一輪篩選嘗試，更換比劃粗細(xì)與結(jié)構(gòu)上的變化后，最終得出

… … 差不多了？NO，還沒有！

我們會發(fā)現(xiàn)雖然添加了元素后的字形還只是一個僅僅加上了元素的“字形”，它并沒有突出槍戰(zhàn)的緊迫感和速度感，而且視覺中心不明確。
所以… …

⑶ 再經(jīng)過一輪篩選調(diào)整變化后，得出

⑷ 最后為了給字標(biāo)更好的示意，通常會做有紋底深色和白色兩底為展示效果。

最終視頻效果

結(jié)語

文字的出現(xiàn)是文明的進(jìn)步，文字已經(jīng)從最早的被用于事件記載的載體，逐漸的演化成為人類用來感知世界、傳達(dá)情感的工具。人們不但可以通過文字來進(jìn)行視覺上的形態(tài)認(rèn)識，同時又能夠通過將文字圖形化、意象化，以更富創(chuàng)意的形式和美學(xué)效果準(zhǔn)確的表達(dá)出作者深層的設(shè)計(jì)思想、情感和意圖，用一種直接的方式來交流對事物的感悟和思維等更加復(fù)雜的信息。
其實(shí)字體設(shè)計(jì)還有很多種可能，也有很多規(guī)律可循，例如后期的不同展現(xiàn)出來的感覺又不一樣，也許還會更上一個層次。在設(shè)計(jì)過程中多多嘗試不同的想法，多吸取別人的經(jīng)驗(yàn)，才能發(fā)現(xiàn)更新鮮的東西。