網頁中字體排版設計教程

作為設計師的我們，每天都在與字體打交道，我們常常希望能很好的使用他們，為設計加油添彩。文字有這麼多，網頁中字體排版怎樣設計才能表達內心深處的思想?

常常説，藝術是相通的。將文字排版與音樂結合起來，用視覺化的音樂和文字排版相結合，會讓我們的字體排版更容易組合，更能體現我們的設計情感。

將普通的文字賦予音樂的藝術形式，將文字排版賦予聽覺的美感和視覺的美妙，更容易傳遞信息，表達其深層次的涵義。

當音樂響起時，電腦播放器裏變化雀躍的頻譜圖，音響喇叭發生震動產生的聲波，跳動的五線譜和樂器發生引起的變化圖(A-01)，都是我們體現情感的視覺化形式。

將文字排版用一個視覺化音樂的片段體現出來，從視覺上形成高度錯落、疏密聚散、輕重緩急的效果，就具備了曲調的功能。

而一個優秀的字體排版設計，則成為一段具有節奏和韻律的音樂，我們可以理解為是一首凝固的音樂。

(一) 文字分析： 瞭解字體的結構和字體的特性，是我們排版優秀的字體的依據。

字體排版設計中，點線面結合成的設計羣體，高低錯落、疏密聚散，是構成形式美的重要因素。26個英文字母，根據字體的粗細設定節點組合，每個單獨的字母就構成了音符。

如圖(B-01)，大寫的I=1個長節點，O=4個長節點;如圖(B-02)，小寫的a=3個短節點，b=1個長節點+2個短節點。

單行文字排版的橫向韻律：根據字體的粗細設定節點的粗細和排布疏密，就能產生輕重緩急高低錯落的節奏感和韻律感，如圖(B-03)。

多行文字排版的縱向韻律：根據單行文字的長短和字體的粗細產生節奏和韻律，如圖(B-04)。

當我們將文字音符化之後，就可以開始整理出字體排版的規律，使我們的字體設計更富韻律感。

(二)文字的韻律： 優秀的字體排版，具有其獨特的美。由文字的律動演繹出米美妙的音樂。

文字本身的韻律：按照客觀字體的變化、運用常態的字體字符進行連續地排列，形成一種律動形式。

一段文案，不採用任何修飾與變化，字體字號顏色都不變，所產生的節奏是就是單詞與單詞之間的間隔，字體是唯一能體現情感的依據。

如下圖，字體字號方向均相同，節點音符不斷的重複出現，節奏就是單詞之間字母之間的間距，而大小寫的區分，則產生了高低起伏的韻律，字體的粗細使文字發散出歡快還是穩重的氣息，如圖(C-01)全部大寫是平緩穩重的韻律，如圖(C-02)採用大小寫，則產生了高低起伏的韻律，而因為節點比之左邊文字節點要細，所以會顯得活潑一些。

如圖(C-03)所有字母都大寫，單詞間的間隔形成節奏，而單詞間的顏色輕重形成韻律，文字排版在橫向韻律的基礎上又形成了縱向韻律。採用的字體穩重而不失活潑，加上下方的斜體字，使得整個文字排版透露出男性的穩重基調而又不失輕鬆愉快的韻律。

字體排版設計的韻律美表現在重複上：可以是間距不同、形狀相同的重複;也可以是形狀不同、間距相同的重複;還可能是別的方式的單元重複。這種重複的'首要條件是單元的相似性，或間距的規律性;其次是節奏的合邏輯性。

(三)如何賦予文字韻律： 在文字本身涵蓋的韻律節奏基礎上，人為賦予其新的韻律和節奏

使用基本的字體和字號，在不進行其他特意變化的情況下，根據文字本身的特點進行調整，使文字排版在橫向上和縱向上都產生客觀自然的韻律變化，使字體排版的律動更加連貫順暢，賦予設計師所想體現的情感，如同音樂的曲風。

如圖(D-01)字體相同，不同字號，不同粗細，不同顏色，形成效果不同的韻律。節點的粗細間距都可以給人不同的韻律感，歡快的、穩重的、活潑可愛的還是緊張舒緩的，更由於韻律的不同而有更明顯的對比。