您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 視覺設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁logo字體設(shè)計(jì)淺談

 

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

①字體的“前世今生”

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

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

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

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

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

④字標(biāo)的類型

1. 具象型

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

03

2. 手繪型

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

05

3. 幾何型

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

04

4. 流線型

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

06

… …

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

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

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

07

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

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

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

08

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

09

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

10

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

11

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

12

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

13

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

14

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

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

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

15

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

16

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

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

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

17

 

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

18

最終視頻效果

19

結(jié)語

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

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ui1896.html
2014年春季流行色
2014微博客戶端一馬當(dāng)先——短視頻動(dòng)畫分享
圖趣網(wǎng)微信
建議反饋
×