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