網(wǎng)頁(yè)設(shè)計(jì)中字體設(shè)計(jì)分析

[摘 要] 字體設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的作用是無(wú)可比擬的，其視覺(jué)上設(shè)計(jì)的優(yōu)良程度將會(huì)直接影響到信息是否能夠準(zhǔn)確到位的傳達(dá)。本文將從字體設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用設(shè)計(jì)為主要內(nèi)容進(jìn)行分析與闡述。

[關(guān)鍵詞] 網(wǎng)頁(yè)；字體；可讀；創(chuàng)造

1、概述

現(xiàn)在人們的生活已經(jīng)離不開(kāi)網(wǎng)絡(luò)，網(wǎng)絡(luò)不但給大家?guī)?lái)了五彩繽紛與便利。反過(guò)來(lái)，各大企業(yè)、組織也在享受著網(wǎng)絡(luò)帶給它們的無(wú)限商機(jī)。如何能夠讓自己的網(wǎng)站最大限度地發(fā)揮作用，除了商業(yè)上的成功策劃，其視覺(jué)上設(shè)計(jì)的優(yōu)良程度將會(huì)直接影響到信息是否能夠準(zhǔn)確到位的傳達(dá)。網(wǎng)站上信息的傳達(dá)，絕大部分是利用文字進(jìn)行的，是網(wǎng)頁(yè)設(shè)計(jì)中重要的視覺(jué)傳達(dá)符號(hào)。因此字體設(shè)計(jì)的好壞將直接影響到整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)傳達(dá)。

2、設(shè)計(jì)要點(diǎn)分析

網(wǎng)頁(yè)設(shè)計(jì)對(duì)字體設(shè)計(jì)的要點(diǎn)分析主要有以下四個(gè)方面。

2.1字體的選擇。利用字體可充分地體現(xiàn)設(shè)計(jì)中要表達(dá)的情感。不管選擇什么樣的字體，都必須根據(jù)網(wǎng)頁(yè)的主題和瀏覽者的需要。黑體類字體具有醒目、正規(guī)、簡(jiǎn)潔、明快、渾厚有力、傳達(dá)力強(qiáng)等特點(diǎn)，是現(xiàn)代設(shè)計(jì)中運(yùn)用較廣泛的一類字體。圓體字體外形圓潤(rùn)并且具有親和力，非常適合用于表現(xiàn)兒童、女性以及食品等主題中；宋體給人大方、典雅、肅穆、精致的感覺(jué)，具有古典美，有一股獨(dú)特的人文氣息；楷書(shū)字體會(huì)給人帶來(lái)一種清秀、傳統(tǒng)之美；隸書(shū)字體具有古雅的表情，帶有華貴古樸的風(fēng)貌；草書(shū)字體自由而奔放，有股自由的意趣。

在某些網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者的作品中發(fā)現(xiàn)其選擇的字體五花八門(mén)，有的甚至還出現(xiàn)了生僻字體，這樣是非常不利于網(wǎng)頁(yè)信息傳達(dá)到位的。一般情況下，正文內(nèi)容最好采用缺省字體，如宋體等比較常用的字體，不要出現(xiàn)生僻字體，能夠最大限度地防止用戶因沒(méi)安裝對(duì)應(yīng)字體造成顯示錯(cuò)誤。在網(wǎng)頁(yè)中Arial就是一種字體的名稱，默認(rèn)的瀏覽器定義的標(biāo)準(zhǔn)字體是中文宋體和英文times new Roma字體。如果你沒(méi)有設(shè)置任何字體，網(wǎng)頁(yè)將以這兩種標(biāo)準(zhǔn)字體顯示。同時(shí)，這兩種字體也可以在任何操作系統(tǒng)和瀏覽器里正確顯示。對(duì)于頁(yè)面中需要強(qiáng)調(diào)的主標(biāo)題或小標(biāo)題字體的選擇就不能夠使用太過(guò)平常的字體，有關(guān)它的內(nèi)容請(qǐng)閱讀標(biāo)題字體的設(shè)計(jì)部分。

2.2字體的大小與編排。網(wǎng)頁(yè)中字體大小不要亂設(shè)置，最好以系統(tǒng)默認(rèn)為宜，一般是12磅，在頁(yè)面中需要安排的內(nèi)容較多時(shí)可采用字體大小為9磅。較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方，小一些的字體可以用于頁(yè)腳和輔助信息。需要注意的是，小字號(hào)容易產(chǎn)生整體感和精致感，但可讀性較差。

網(wǎng)頁(yè)里的文字部分是由許多單個(gè)文字經(jīng)過(guò)編排成行、成段的群體，必須要充分發(fā)揮這個(gè)群體形狀在版面整體布局中的作用。文字在網(wǎng)頁(yè)編排的四種基本形式有兩端均齊、居中排列、左對(duì)齊或右對(duì)齊、繞圖排列。兩端均齊：文字從左端到右端的長(zhǎng)度均齊，字群方方正正，顯得端正、嚴(yán)謹(jǐn)、美觀。居中排列：無(wú)論每行字有多少字?jǐn)?shù)，始終有一條中心線作為這組文字的軸線在進(jìn)行排列，這種編排方式使文字更加突出，會(huì)產(chǎn)生對(duì)稱的形式美感，給人安靜、古典之美。左對(duì)齊或右對(duì)齊：這種方式使行首或行尾自然形成一條清晰的垂直線，很容易與圖形配合。這種編排方式有松有緊，有虛有實(shí)，跳動(dòng)而飄逸，產(chǎn)生節(jié)奏與韻律的形式美感。左對(duì)齊符合人們閱讀時(shí)的習(xí)慣，顯得自然；右對(duì)齊因不太符合閱讀習(xí)慣而較少采用。繞圖排列：將文字繞著圖形的邊緣進(jìn)行排列，讓人產(chǎn)生融洽、自然之美。

2.3標(biāo)題字體的設(shè)計(jì)。假如網(wǎng)頁(yè)中正文文字我們已經(jīng)遵循了選擇宋體等比較常用的字體的方法，那么標(biāo)題字體的設(shè)計(jì)就是我們能夠利用它顯現(xiàn)出自己獨(dú)特個(gè)性的利器。

必須注意的是，如果需要利用具有藝術(shù)特色的字體設(shè)計(jì)來(lái)體現(xiàn)網(wǎng)頁(yè)風(fēng)格，那么它最好以圖片的方式置入網(wǎng)頁(yè)。需要用這種字體的地方用圖片代替，也就是說(shuō)將文字制成圖像，然后插入頁(yè)面中使用，以保證所有人看到的頁(yè)面是同一效果。

如何才能夠設(shè)計(jì)出既符合主題，又獨(dú)具個(gè)性的網(wǎng)頁(yè)標(biāo)題字體呢？

首先我們要通過(guò)將有明確意義的文字用各種空間組合形式進(jìn)行合理組合，然后用整體的表現(xiàn)方法及色彩來(lái)反映表現(xiàn)對(duì)象。

文字之間不是簡(jiǎn)單的堆積組合，而是要通過(guò)整體的形象風(fēng)格來(lái)反映表現(xiàn)對(duì)象的內(nèi)容。因此，文字組合時(shí)首先要考慮的就是，文字設(shè)計(jì)對(duì)象的內(nèi)容與形式是否能有緊密結(jié)合的可能，文字的組合是否能夠有一個(gè)明確的含義和象征意義。我們必須將文字作為圖形來(lái)對(duì)待，利用文字的結(jié)構(gòu)和含義進(jìn)行處理。對(duì)文字進(jìn)行添加、刪節(jié)、連筆、重疊、共用等手法，使各種構(gòu)成因素成為點(diǎn)、線、面的有機(jī)結(jié)合體。還要注意的是，字體的外形特征，不同的字體具有不同的視覺(jué)動(dòng)向。例如：扁體字有左右流動(dòng)的動(dòng)感，長(zhǎng)體字有上下流動(dòng)的感覺(jué)，斜字有向前或向斜流動(dòng)的動(dòng)感。因此在組合時(shí)，要充分考慮不同的字體視覺(jué)動(dòng)向上的差異，而進(jìn)行不同的組合處理。比如：扁體字適合橫向編排組合，長(zhǎng)體字適合作豎向的組合，斜體字適合作橫向或傾向的排列。合理運(yùn)用文字的視覺(jué)動(dòng)向，有利于突出設(shè)計(jì)的主題，引導(dǎo)觀眾的視線按主次輕重流動(dòng)。

無(wú)論是什么樣的字體進(jìn)行組合，如果按照字與字具體的空間組合方式，都可以歸納為以下四種：字與字分開(kāi)。這樣的組合形式字與字之間有一定的距離，但是卻有著一定的呼應(yīng)和關(guān)聯(lián)。字與字結(jié)合：這樣的組合形式必須要要仔細(xì)觀察字與字的外形，以及筆畫(huà)之間的關(guān)系，才能夠做到巧妙地結(jié)合。字與字重疊：運(yùn)用字與字的外形以及筆畫(huà)之間的關(guān)系進(jìn)行重疊，來(lái)相互融合。字與字同構(gòu)：字體之間的同構(gòu)是一種最特殊的組合形式，這樣的組合在一定程度上借用了圖形設(shè)計(jì)的手法，必須把幾個(gè)文字或者是文字和圖形共同組成一個(gè)完整的形，每個(gè)構(gòu)成因素之間相互穿插，呈現(xiàn)出一種和諧的形式。

字體之間的結(jié)構(gòu)把握好之后，就必須要學(xué)會(huì)如何對(duì)它們進(jìn)行進(jìn)一步的表現(xiàn)了，具體表現(xiàn)方法：將所有文字或主要文字進(jìn)行大小、旋轉(zhuǎn)、傾斜等變化，在二維的空間上產(chǎn)生三維的空間效果。通過(guò)對(duì)文字局部筆畫(huà)粗細(xì)、長(zhǎng)度、方向、筆端形態(tài)的處理。用幾何形或者線條對(duì)文字進(jìn)行襯托。將不同的文字用不同的色彩或圖形進(jìn)行填充。利用不同的透明度進(jìn)行文字的重疊、漸變等。運(yùn)用肌理底紋填充于文字中，或在文字的邊緣進(jìn)行處理。采用拼貼的方式對(duì)文字進(jìn)行組合，產(chǎn)生游戲般的視覺(jué)效果，這種表現(xiàn)形式也是年輕一代設(shè)計(jì)者喜愛(ài)的手法之一。

在書(shū)法字典或書(shū)法字帖中尋找一些書(shū)法大師的書(shū)法作品，或者是運(yùn)用自己手寫(xiě)文字與比較規(guī)整的印刷字體進(jìn)行組合，既具有對(duì)比強(qiáng)烈的視覺(jué)效果，同時(shí)又充滿了濃郁的中國(guó)傳統(tǒng)韻味。

將民間的藝術(shù)形式運(yùn)用到文字組合當(dāng)中，使文字具有濃濃的中國(guó)情。

2.4字體的色彩。人的視覺(jué)對(duì)色彩十分敏感。網(wǎng)頁(yè)字體運(yùn)用的色彩如果選擇正確，可以呼應(yīng)主題，達(dá)到事半功倍的效果。在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)者可以為文字、文字鏈接、已訪問(wèn)鏈接和當(dāng)前活動(dòng)鏈接選用各種顏色。應(yīng)該注意的是，對(duì)于文字的顏色的選擇，不要使用過(guò)多，因?yàn)槭裁炊枷霃?qiáng)調(diào)，其實(shí)是什么都沒(méi)有強(qiáng)調(diào)。網(wǎng)頁(yè)字體色彩使用總的原則就是“整體協(xié)調(diào)，局部對(duì)比”。也就是網(wǎng)頁(yè)整體色彩效果應(yīng)該是和諧的，如：大部分使用同類色，只有局部使用一些對(duì)比強(qiáng)烈的色彩。在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。網(wǎng)頁(yè)的背景色應(yīng)該柔和一些，這些不僅對(duì)文字的可讀性發(fā)生作用，同時(shí)可以緩解瀏覽者的視覺(jué)疲勞。更重要的是，你可以通過(guò)對(duì)顏色的運(yùn)用實(shí)現(xiàn)想要的設(shè)計(jì)效果、設(shè)計(jì)情感和設(shè)計(jì)思想。

在使用色彩的時(shí)候要充分了解每種色彩的象征性，激奮的紅色，它刺激，能使人產(chǎn)生沖動(dòng)、憤怒、熱情、活力的感覺(jué)。寧?kù)o的綠色，健康與安全的代表。如將它與金黃、淡白搭配，可以產(chǎn)生優(yōu)雅、舒適的氣氛。歡欣的橙色，輕快而熱烈，溫馨而時(shí)尚?？鞓?lè)、希望、智慧的代表。清新的藍(lán)色，專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛。純真的白色，潔白而明快，給人清潔、安靜的感受。神秘的黑色，它深沉且寂靜，注意大面積使用會(huì)帶來(lái)壓抑的感受。高雅的灰色，雖然平凡，但卻溫和而謙讓，是種良好的中和色。色彩還具有明顯的心理暗示作用，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。另外，色彩還有民族差異性。

無(wú)論如何，網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì)，始終要注意能夠達(dá)到形式與內(nèi)容的完美統(tǒng)一，文字的可讀性強(qiáng)，藝術(shù)性與美感并存，網(wǎng)頁(yè)視覺(jué)效果整體統(tǒng)一，創(chuàng)造性突出。

作者簡(jiǎn)介：劉 莎，中國(guó)美術(shù)學(xué)院藝術(shù)設(shè)計(jì)職業(yè)技術(shù)學(xué)院。