網(wǎng)頁logo字體設(shè)計淺談
生活與設(shè)計是密切相關(guān)的,當(dāng)我們站在設(shè)計的角度去體味生活,會發(fā)現(xiàn)其實字體設(shè)計無處不在。以下這里所說的只是以方便操作,和更快捷的方式做出字體效果,如果大家有更多更好的方式,歡迎交流!
①字體的“前世今生”
在當(dāng)今科技高速發(fā)展的時期,信息的傳播和交流的媒介更加科學(xué)化,而文字作為更古老的信息傳播,它的存在對于人類的發(fā)展起著巨大作用,歷史悠久。縱觀世界各國文明的文字,無論是外文字母還是中國漢字,都是源于圖形,人們?yōu)榱擞涗涀约旱乃枷?、活動、成就,開始利用圖畫作為手段,但是圖畫對于思想的表達(dá)能力非常有限,特別是對于比較抽象的思維記錄,幾乎無能為力,因此文字油然而生,也就是說圖形孕育了文字。大家都知道漢字最早的是稱之為甲骨文,具有會意、指示等特質(zhì),這種特質(zhì)和平面設(shè)計一樣,是供人“識別”的,是一種只需“看”過之后,便可作為傳播信息的平面圖形,實現(xiàn)了文字記憶、抒情、審美等文化功能。圖像化的文字具有傳遞信息快的特點,通過:顏色、形狀、色彩、質(zhì)感等方式,將要表達(dá)的信息傳達(dá)給人,讓人識別、記憶并產(chǎn)生影響。
②圖形語言在情感信息傳達(dá)上具有以下幾個特征
1. 直觀性和生動性。圖形語言在信息傳播中以簡潔真實、直觀生動的形象承載著大量的信息,讓人識別、記憶并產(chǎn)生影響。
2. 個性化和象征性。簡潔生動的圖形除了直接表述主題外,還傳達(dá)一種深層次的精神內(nèi)涵,受眾對于圖形信息的正確認(rèn)識需要與視覺經(jīng)驗信息聯(lián)系起來。
3. 說服性和感染性。想要說服別人接受某種思想觀念時,最好的方式莫過于事實說話,將其展示出來。創(chuàng)意圖形的構(gòu)圖、色彩能夠直接刺激人的眼球和大腦,感染人的情緒。如紅色讓人興奮,產(chǎn)生食欲;藍(lán)色讓人安靜,產(chǎn)生遐想;黃色代表了刺激和危險等。而當(dāng)面對一些可能比較抽象的字義的時候,我們可以選擇它的同義詞,或者與之相關(guān)聯(lián)的具象得實物、圖形來展示解釋,就會明確很多。
③字標(biāo)設(shè)計的要素
1. 唯一性:標(biāo)志必須要有其獨特性,容易使公眾認(rèn)知及記憶,留下深刻印象,使其具有唯一性。如果涉及的字標(biāo)和別的同類型標(biāo)識相比沒有獨特性,那這個字標(biāo)就一定是失敗的。
2. 準(zhǔn)確性:也就是反應(yīng)內(nèi)容的準(zhǔn)確度,需求方的特質(zhì)特點,要緊緊地把握住。
3. 適用性:指的是能在各種尺寸的頁面上顯示,并做廣度展開運用時的形狀也能清晰可見。一個好的字標(biāo)不單是要在網(wǎng)絡(luò)媒體上運用自如,同樣也要在印刷品上能夠很好地展現(xiàn)。這里涉及到字體在設(shè)計時的比劃、字寬、字距等一系列細(xì)節(jié)。
④字標(biāo)的類型
1. 具象型
指字形里會穿插很多和該字面意思相關(guān)的物件,以此讓人第一眼就能加深和明確該LOGO所要表達(dá)的。這也是大家最常用到的類型,基本上一個字標(biāo)其實最多能出現(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è)計上稍微偏線條流線飄逸的感覺,這種字形在設(shè)計內(nèi)容上多數(shù)偏女性和中性化。
… …
除此之外還有回線型、結(jié)構(gòu)錯落型等,其實一種字的類型有時候并不單一,可以把多種類型進(jìn)行結(jié)合來進(jìn)行創(chuàng)作。
⑤實例一——《音樂亞洲》
拿到一個字體設(shè)計的需求后,首先要做的就是分析需求。
根據(jù)不同的方向制定不同的計劃,是我們在實際制作之前必須考慮到的。
那么,接下來我們就開始實際制作了:
⑴ 選一種已有的字體作為設(shè)計參考雛形,同時確定單個字的長寬比例(以框裁定),定好字體筆畫粗細(xì)比例。
⑵ 對字體進(jìn)行切角設(shè)計,并美化字形。
⑶ 添加音樂元素,考慮添加在哪個字上最合適,且如何自然而不突兀。
⑷ 確定圖形后將它置入文字中,并微調(diào)。
⑸ 對字形結(jié)構(gòu)調(diào)整,突出“音樂”二字,錯落結(jié)構(gòu)增加層次。
⑹ 發(fā)現(xiàn)字體還不夠整體感,于是加一個邊框,使其看上去更加整體。并開始修剪之前白色的切角遮蓋部分。
⑺ 最后根據(jù)網(wǎng)站頁面色調(diào)上色,添加裝飾性英文,微調(diào)完成。
⑥實例二——《狙擊槍戰(zhàn)》
“給我一個X“?設(shè)計是不可能憑空給出一個X,我們要做的就是找到一個事物把它命名成X。
⑴ 這是一個視頻片尾的LOGO字標(biāo),先在草稿上手繪設(shè)計各種可能,并刪選各種可能。
⑵ 經(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è)計思想、情感和意圖,用一種直接的方式來交流對事物的感悟和思維等更加復(fù)雜的信息。
其實字體設(shè)計還有很多種可能,也有很多規(guī)律可循,例如后期特效的不同展現(xiàn)出來的感覺又不一樣,也許還會更上一個層次。在設(shè)計過程中多多嘗試不同的想法,多吸取別人的經(jīng)驗,才能發(fā)現(xiàn)更新鮮的東西。
本文地址:http://likemindfilms.com/tutorial/ui1896.html