網站設計中的字象乾坤——字體的排版設計

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

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

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

　　當音樂響起時，電腦播放器裡變化雀躍的頻譜圖，音響喇叭發生震動產生的聲波，跳動的五線譜和樂器發生引起的變化圖(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)字體相同，不同字號，不同粗細，不同顏色，形成效果不同的韻律。節點的粗細間距都可以給人不同的韻律感，歡快的、穩重的、活潑可愛的還是緊張舒緩的，更由於韻律的不同而有更明顯的對比。

　　案例分析：

　　圖(D-02)，文字采用大寫，以單詞的間距為節奏，字號大小進行對比形成韻律的強弱，文字排版理性而有秩序，由細微的韻律引導，突然變化成強烈的聲調，主題震撼，醒目突出。

　　圖(D-03)，詞間距為節奏，字號大小進行強烈對比突出DENIM，又因為采用的細線字體，使整個畫面的韻律時尚又圓潤，符合女裝的主題。

　　圖(D-04)，詞間距為節奏，字號大小進行強烈對比。首先以輕柔的高低起伏的音樂進入，繼而以強烈的音樂震撼全場，後續仍以輕柔的音樂做為補充，交響曲的韻律突出重點，節奏震撼明朗。

　　圖(D-05)，橫向上看，詞間距為節奏，字體的粗細對比形成音律強弱，字體顏色深淺加強了音律效果，縱向來看字體大小顏色形成強-弱-強-中-弱的韻律。

　　(三)如何賦予文字韻律-基線、特效： 通過改變排版方式，添加一些特別效果如傾斜或者是手寫，使文字更具趣味性。

　　常用的方式如增加斜體使文字具有動感和趣味，如字行間進行疊加使文字產生雙基線進而形成二重奏或者多重奏的韻律，如圖(D-06)。

　　案例分析：

　　圖(D-07)，左邊的字體排版主要以基線的變化為主韻律，由單基線變雙基線，單曲變重奏。大小寫的高低起伏變化，讓文字突出了重點表達了主要內容，節奏又變的明快。

　　圖(D-08)，如果這個文字排版是一首曲子的話，從左到右，先是輕快的斜體韻律開頭，突然變化出明快的細線條大曲調，吸引人注意，最後出現一連串低調的曲子補充，讓人看到這個文字就明白，是時尚的飾品。特別是開始的斜體，讓畫面在女性的穩重中透露出活潑。

　　圖(D-09)，以斜體為主旋律，由文字的大小寫為起伏，韻律優美。

　　(三)如何賦予文字韻律-長短句、字距： 通過文字的大小對比和字距，添加縱向韻律。

　　如圖(D-10)，單詞間字體大小懸殊，文字大小寫以及單詞的斷點形成橫向韻律，但從字行來看，字行的長短不同、高度不同、間距不同則形成了縱向韻律，因此這類型的字體排版則具有雙重韻律。

　　案例分析：

　　圖(D-11)，從縱向上看，長短句的排版方式，讓人感覺這就是歌曲的旋律，加上富有重短輕長的旋律和輕松趣味的手寫字，讓畫面透出一股趣味。

　　圖(D-12)，我們平常排版，總是喜歡用對齊的方式，而這個文字的排版則另辟蹊徑，左右都不對其或者居中。但是從左邊的節點來看，旋律由輕柔遞進到重調，然後漸隱再輕柔，呈現出一股遞進的變化關系，讓畫面旋律輕松透氣，韻味十足。