- 相關(guān)推薦
網(wǎng)頁中字體排版設(shè)計(jì)教程
作為設(shè)計(jì)師的我們，每天都在與字體打交道，我們常常希望能很好的使用他們，為設(shè)計(jì)加油添彩。文字有這么多，網(wǎng)頁中字體排版怎樣設(shè)計(jì)才能表達(dá)內(nèi)心深處的思想?
常常說，藝術(shù)是相通的。將文字排版與音樂結(jié)合起來，用視覺化的音樂和文字排版相結(jié)合，會(huì)讓我們的字體排版更容易組合，更能體現(xiàn)我們的設(shè)計(jì)情感。
將普通的文字賦予音樂的藝術(shù)形式，將文字排版賦予聽覺的美感和視覺的美妙，更容易傳遞信息，表達(dá)其深層次的涵義。
當(dāng)音樂響起時(shí)，電腦播放器里變化雀躍的頻譜圖，音響喇叭發(fā)生震動(dòng)產(chǎn)生的聲波，跳動(dòng)的五線譜和樂器發(fā)生引起的變化圖(A-01)，都是我們體現(xiàn)情感的視覺化形式。
將文字排版用一個(gè)視覺化音樂的片段體現(xiàn)出來，從視覺上形成高度錯(cuò)落、疏密聚散、輕重緩急的效果，就具備了曲調(diào)的功能。
而一個(gè)優(yōu)秀的字體排版設(shè)計(jì)，則成為一段具有節(jié)奏和韻律的音樂，我們可以理解為是一首凝固的音樂。
(一) 文字分析： 了解字體的結(jié)構(gòu)和字體的特性，是我們排版優(yōu)秀的字體的依據(jù)。
字體排版設(shè)計(jì)中，點(diǎn)線面結(jié)合成的設(shè)計(jì)群體，高低錯(cuò)落、疏密聚散，是構(gòu)成形式美的重要因素。26個(gè)英文字母，根據(jù)字體的粗細(xì)設(shè)定節(jié)點(diǎn)組合，每個(gè)單獨(dú)的字母就構(gòu)成了音符。
如圖(B-01)，大寫的I=1個(gè)長節(jié)點(diǎn)，O=4個(gè)長節(jié)點(diǎn);如圖(B-02)，小寫的a=3個(gè)短節(jié)點(diǎn)，b=1個(gè)長節(jié)點(diǎn)+2個(gè)短節(jié)點(diǎn)。
單行文字排版的橫向韻律：根據(jù)字體的粗細(xì)設(shè)定節(jié)點(diǎn)的粗細(xì)和排布疏密，就能產(chǎn)生輕重緩急高低錯(cuò)落的節(jié)奏感和韻律感，如圖(B-03)。
多行文字排版的縱向韻律：根據(jù)單行文字的長短和字體的粗細(xì)產(chǎn)生節(jié)奏和韻律，如圖(B-04)。
當(dāng)我們將文字音符化之后，就可以開始整理出字體排版的規(guī)律，使我們的字體設(shè)計(jì)更富韻律感。
(二)文字的韻律： 優(yōu)秀的字體排版，具有其獨(dú)特的美。由文字的律動(dòng)演繹出米美妙的音樂。
文字本身的韻律：按照客觀字體的變化、運(yùn)用常態(tài)的字體字符進(jìn)行連續(xù)地排列，形成一種律動(dòng)形式。
一段文案，不采用任何修飾與變化，字體字號顏色都不變，所產(chǎn)生的節(jié)奏是就是單詞與單詞之間的間隔，字體是唯一能體現(xiàn)情感的依據(jù)。
如下圖，字體字號方向均相同，節(jié)點(diǎn)音符不斷的重復(fù)出現(xiàn)，節(jié)奏就是單詞之間字母之間的間距，而大小寫的區(qū)分，則產(chǎn)生了高低起伏的韻律，字體的粗細(xì)使文字發(fā)散出歡快還是穩(wěn)重的氣息，如圖(C-01)全部大寫是平緩穩(wěn)重的韻律，如圖(C-02)采用大小寫，則產(chǎn)生了高低起伏的韻律，而因?yàn)楣?jié)點(diǎn)比之左邊文字節(jié)點(diǎn)要細(xì)，所以會(huì)顯得活潑一些。
如圖(C-03)所有字母都大寫，單詞間的間隔形成節(jié)奏，而單詞間的顏色輕重形成韻律，文字排版在橫向韻律的基礎(chǔ)上又形成了縱向韻律。采用的字體穩(wěn)重而不失活潑，加上下方的斜體字，使得整個(gè)文字排版透露出男性的穩(wěn)重基調(diào)而又不失輕松愉快的韻律。
字體排版設(shè)計(jì)的韻律美表現(xiàn)在重復(fù)上：可以是間距不同、形狀相同的重復(fù);也可以是形狀不同、間距相同的重復(fù);還可能是別的方式的單元重復(fù)。這種重復(fù)的首要條件是單元的相似性，或間距的規(guī)律性;其次是節(jié)奏的合邏輯性。
(三)如何賦予文字韻律： 在文字本身涵蓋的韻律節(jié)奏基礎(chǔ)上，人為賦予其新的韻律和節(jié)奏
使用基本的字體和字號，在不進(jìn)行其他特意變化的情況下，根據(jù)文字本身的特點(diǎn)進(jìn)行調(diào)整，使文字排版在橫向上和縱向上都產(chǎn)生客觀自然的韻律變化，使字體排版的律動(dòng)更加連貫順暢，賦予設(shè)計(jì)師所想體現(xiàn)的情感，如同音樂的曲風(fēng)。
如圖(D-01)字體相同，不同字號，不同粗細(xì)，不同顏色，形成效果不同的韻律。節(jié)點(diǎn)的粗細(xì)間距都可以給人不同的韻律感，歡快的、穩(wěn)重的、活潑可愛的還是緊張舒緩的，更由于韻律的不同而有更明顯的對比。
【網(wǎng)頁中字體排版設(shè)計(jì)教程】相關(guān)文章：
網(wǎng)頁中字體排版設(shè)計(jì)方法07-12
網(wǎng)站設(shè)計(jì)中的字體排版08-17
網(wǎng)頁設(shè)計(jì)中的字體設(shè)計(jì)07-26
如何在網(wǎng)頁設(shè)計(jì)中讓字體排版脫穎而出06-21
字體排版如何在網(wǎng)頁設(shè)計(jì)中脫穎而出10-21
網(wǎng)頁設(shè)計(jì)中字體規(guī)范06-07
網(wǎng)頁設(shè)計(jì)中字體規(guī)范總結(jié)08-30