字體設(shè)計淺談

2015-4-15    藍藍設(shè)計的小編

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

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

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

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

1

前言

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

2

①字體的“前世今生”

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

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

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

③字標設(shè)計的要素

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

④字標的類型

1. 具象型

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

3

2. 手繪型

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

4

3. 幾何型

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

5

4. 流線型

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

6

… …

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

⑤實例一——《音樂亞洲》

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

7

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

那么,接下來我們就開始實際制作了:

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

8

⑵ 對字體進行切角設(shè)計,并美化字形。

9

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

10

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

11

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

12

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

13

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

14

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

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

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

15

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

16

… … 差不多了?NO,還沒有!

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

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

17

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

18

最終視頻效果

19

結(jié)語

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔