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

網(wǎng)頁文字創(chuàng)意-字體圖形化設(shè)計(jì)

文字是一種記錄與傳達(dá)語言的符號(hào),是人類文明進(jìn)步的重要標(biāo)志。隨著圖形化時(shí)代的來臨,文字與圖形的關(guān)系在設(shè)計(jì)領(lǐng)域起著舉足輕重的作用。當(dāng)練習(xí)字體設(shè)計(jì)時(shí),找有代表性的字體來做,練習(xí)有代表性的字體不但可以激發(fā)你的創(chuàng)意,還可以提高你的思維能力。文字經(jīng)過藝術(shù)化設(shè)計(jì)后,可以讓文字形象變得情景化、視覺化、強(qiáng)化語言效果,對(duì)提升頁面設(shè)計(jì)品質(zhì) 和視覺 v表現(xiàn)力發(fā)揮了極大性的作用。
圖趣網(wǎng)之前有關(guān)字體設(shè)計(jì)的分享:
網(wǎng)頁字體圖形化設(shè)計(jì) 
http://m.likemindfilms.com/Tutorial/di1581.html
t1

什么是代表性的字體?

如:時(shí)間你就會(huì)聯(lián)想到鐘表 ,對(duì)話你就會(huì)聯(lián)想到電話 ,愛情你會(huì)想到心 想到這些有代表性的字時(shí),謹(jǐn)記不能把鐘表等圖形直接放在字體里,這樣就沒有設(shè)計(jì)的意義了,要巧妙的把圖形和字體本身去結(jié)合。
t2
t3

字形風(fēng)格

經(jīng)過藝術(shù)化設(shè)計(jì)以后,可使文字形象變得情境化、視覺化,強(qiáng)化了語言效果,成為更具有某種特質(zhì)和傾向性的視覺符號(hào)。字體設(shè)計(jì)最基本的準(zhǔn)則,在追求字體變化的同時(shí)要便于識(shí)別。 字形變化中特點(diǎn): (硬)—– 力道、堅(jiān)實(shí)、沖擊、厚重、硬朗、猛烈 …… 這類字體氣勢(shì)突出,視覺沖擊力明顯,個(gè)性張揚(yáng)有力,節(jié)奏分明,可以用于變現(xiàn)強(qiáng)烈的信心和勇氣,表現(xiàn)凝聚力和號(hào)召力,給人視覺上的震撼。 這類字形因其字形富有張力,所以在表現(xiàn)刺激,冒險(xiǎn)的情景時(shí)比較常用,如體育活動(dòng)、極限運(yùn)動(dòng)的主題同時(shí)戰(zhàn)爭(zhēng)類、災(zāi)難類電影海報(bào)中,這類字形也比較常見。
t4
字體創(chuàng)意設(shè)計(jì)雖然比較自由,但應(yīng)保持字與字之間的統(tǒng)一性。一組字體設(shè)計(jì)中,應(yīng)保持一種統(tǒng)一的變化規(guī)則,不然會(huì)造成雜亂感。
t5'
字形變化中特點(diǎn): (軟)—– 柔美、纖細(xì)、優(yōu)雅、親近、溫和、飄逸 …… 這類字體適合表現(xiàn)細(xì)膩情感,如情感類設(shè)計(jì)主題、女性設(shè)計(jì)主題、公益類設(shè)計(jì)主題等等,通過柔美的曲線壁畫,可以讓自已得到更大程度的展現(xiàn),通過視覺感覺,形成人與字的情感共鳴,以達(dá)到最佳效果。
t6
字形變化中特點(diǎn): (舊)—– 嚴(yán)肅、端正、正式、中性、規(guī)t矩、傳統(tǒng)、古樸、懷舊…… 這類字形在品牌類字體中比較常見,給人以飽滿充實(shí)的信賴感和說服力,保持規(guī)則的字體外形,在字體內(nèi)部進(jìn)行適度的筆畫修整,在嚴(yán)謹(jǐn)中求突破,在規(guī)矩中求創(chuàng)新。
t7
圖例
t8

字體變形的幾種方法與技巧

代替 共用 疊加 尖角 斷指 錯(cuò)落連接 方正 橫細(xì)豎粗 字體連接 隨意手寫 曲線 圖型 拉伸

替代法

替換法是在統(tǒng)一形態(tài)的文字元素加入另類不同的圖形元素或文字元素。 其本質(zhì)是根據(jù)文字的內(nèi)容意思,用某一形象替代字體的某個(gè)部分或某一筆畫,這些形象或?qū)憣?shí)或夸張。將文字的局部替換,是文字的內(nèi)涵外露,在形象和感官上都增加了一定的藝術(shù)感染力。
t9

尖角法

把字的角變成直尖,彎尖,斜尖,卷尖; 可以是豎的角可以是橫的角,這樣文字看起來會(huì)比較硬朗
t10

斷指法

把一些封合包圍的字,適當(dāng)?shù)臄嚅_一口出來 , 或把左邊斷一截,或右邊去一截, 重點(diǎn):要在能識(shí)別的情況下適當(dāng)斷肢,從而反射他的與眾不同的特點(diǎn)來。
t11

錯(cuò)落擺放法

把左右改為左上左下,上下排,或斜排就是一邊高一邊低,讓文字錯(cuò)落有致排列
t12

方方正正法

把所有字的彎全改成橫平豎直,四四方方的。 本身的特點(diǎn)是簡(jiǎn)潔鮮明的,便于設(shè)計(jì),對(duì)熟悉字體結(jié)構(gòu)有很好的幫助。
t13

橫細(xì)豎粗法

可以說是代替法的一種,把豎或橫線或折換成其他相反交替而成。 筆畫簡(jiǎn)化,在字體中加入個(gè)人情感和生活,可以準(zhǔn)確的創(chuàng)意方向,設(shè)計(jì)出合適自己的字體
t14

隨意手寫

原筆跡的手寫體總給人也親切的感覺,《那些年》追憶的正是校園時(shí)期的青蔥歲月,手寫字每一筆都不可復(fù)制,每一劃都觸景生情。
t15

字體變形中應(yīng)該規(guī)避的問題

可閱讀性 識(shí)別能力 肩胛結(jié)構(gòu) 應(yīng)用環(huán)境
在字體設(shè)計(jì)中,很多設(shè)計(jì)項(xiàng)目都需要嚴(yán)謹(jǐn)仔細(xì),設(shè)計(jì)師必須去認(rèn)真的推敲嘗試每一個(gè)筆畫的變化方式,去選擇最合適的表現(xiàn)方法,只有如此才能使得每一個(gè)筆畫都契合這個(gè)字體,符合整組字的空間規(guī)則。
t16
圖形繪制軟件,可以幫我們完成各種圓角、對(duì)稱、傾斜、等距分布、交差減去等任務(wù)。
還有就是可以把字體輪廓化描邊,快速運(yùn)用基礎(chǔ)字體來變形。
盡可能地保證文字的可閱讀性,終歸是商業(yè)設(shè)計(jì),要考慮到大部人的文化背景和圖形識(shí)別能力。
t18-

完成字體變形,可以分幾步來進(jìn)入細(xì)節(jié)的修飾。
這個(gè)時(shí)候可以參考下類似的優(yōu)秀字體的間架結(jié)構(gòu),調(diào)節(jié)好每個(gè)字的筆劃分布和重心均衡。
在選定字體的風(fēng)格趨勢(shì)后,給字體做相應(yīng)的視覺梳理。
例如:字與字的間距,筆劃之間的間距、整體字形的傾斜角度特殊地方做圓角處理等等。
讓整個(gè)字體有一個(gè)貫穿始終的規(guī)則在里頭。
t17

掌握字體的肩胛結(jié)構(gòu),避免大小不一、分布不均、筆畫不均等問題。
統(tǒng)一應(yīng)用筆劃、傾斜等規(guī)則。鑒于字體形態(tài)的趣味性,加入了圖形元素來豐富字體本身。
同時(shí)兼具不同尺寸下的顯示效果,做筆劃的刪減和間距調(diào)整。
設(shè)計(jì)過程中應(yīng)該規(guī)避盡可能地保證文字的可閱讀性。
商業(yè)設(shè)計(jì),要考慮到大部人的文化背景和圖形識(shí)別能力。
還有文字變型的過程中應(yīng)用的環(huán)境。

[教程作者:韓瀟熳]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di2630.html
網(wǎng)頁設(shè)計(jì)中的圖標(biāo)的使用技巧與資源合集
設(shè)計(jì)原則:視覺重量與方向
圖趣網(wǎng)微信
建議反饋
×