網(wǎng)頁設(shè)計中文字要素的編排和應(yīng)用分析

吳艷華

摘 要 隨著信息網(wǎng)絡(luò)技術(shù)的不斷發(fā)展和進步，網(wǎng)絡(luò)平臺已經(jīng)逐漸發(fā)展成為了人們?nèi)粘Ｉ钪幸环N重要的信息傳播媒介，給人們的生活和工作帶來了極大的便利。網(wǎng)絡(luò)信息傳達過程中文字是一種重要的符號，同時也是網(wǎng)頁設(shè)計的主要構(gòu)成要素，在網(wǎng)頁中占據(jù)的比例最大。要保證網(wǎng)頁設(shè)計的質(zhì)量必須要注重文字的設(shè)計和編排，使網(wǎng)頁瀏覽者閱讀時更容易、舒服，進而增加網(wǎng)頁的瀏覽量。本文主要對網(wǎng)頁設(shè)計中文字的編排和應(yīng)用進行了具體的分析，以供網(wǎng)頁設(shè)計師參考。

關(guān)鍵詞 網(wǎng)頁設(shè)計 文字編排 應(yīng)用

中圖分類號：TP39 文獻標識碼：A

網(wǎng)頁是在一定的規(guī)則下，通過使用專門的軟件或者其他工具將相關(guān)內(nèi)容進行展示的一個網(wǎng)頁集合。網(wǎng)站就是一種類似于公告欄的通訊工具，人們借助瀏覽器瀏覽網(wǎng)頁，然后獲取自己想要的信息。網(wǎng)站是由網(wǎng)頁構(gòu)成的，網(wǎng)頁設(shè)計中尤其注重文字的編排。如果網(wǎng)頁中的文字編排沒有規(guī)律、不協(xié)調(diào)，就會影響人們的視覺感受和閱讀心情。文字版面設(shè)計關(guān)系著整個網(wǎng)頁的設(shè)計質(zhì)量，這就是語言文字的功能和魅力。

1文字編排在網(wǎng)頁設(shè)計中的作用

版面設(shè)計就是指將視覺元素進行有機的排列組合，以呈現(xiàn)出設(shè)計者的個性思維，既可以展現(xiàn)個人風(fēng)格，還能體現(xiàn)出獨特的藝術(shù)特色。版面設(shè)計給人們提供信息的同時也給人們帶來了視覺上的享受。版面設(shè)計屬于一種實用藝術(shù)，文字設(shè)計就是將物形簡化融合于文字符號中，比如一個漢字可以不只代表一種含義，還可以有多種意義，甚至還可以創(chuàng)造出好看的圖形。因此網(wǎng)頁的版面設(shè)計中，文字的編排不僅局限于傳達信息的功能，同時它也是一種藝術(shù)形態(tài)。

網(wǎng)站的種類以及呈現(xiàn)的內(nèi)容多種多樣，要想在眾多的網(wǎng)站中脫穎而出就尤其需要注重網(wǎng)頁版面設(shè)計，做到版面整齊規(guī)范、標題明顯、字形合適、圖表清晰。不同種類的網(wǎng)站有各自的特點，為了迎合不同瀏覽者的需要，應(yīng)該具有自己獨特的風(fēng)格特色。比如時尚類的網(wǎng)站，瀏覽對象主要是年輕人，頁面設(shè)計應(yīng)該活潑、動感、色調(diào)鮮明；科教類的網(wǎng)站，瀏覽人群為追求嚴謹科學(xué)的人，頁面應(yīng)該低調(diào)、樸實。文字設(shè)計也是如此，不同字體代表著不同風(fēng)格，給人帶來的視覺感受也不同。版面設(shè)計通過對字體進行字形、字號、字體、顏色等編排、設(shè)計，有助于體現(xiàn)網(wǎng)頁的主題，增加網(wǎng)頁的感染力和沖擊力，最終提高網(wǎng)頁版面的完整性。因此網(wǎng)頁設(shè)計中要特別注重文字的編排。

2網(wǎng)頁設(shè)計中文字的編排設(shè)計與應(yīng)用

2.1設(shè)置文字的字體

文字設(shè)計之前，網(wǎng)頁設(shè)計者首先要掌握文字字體的顯示原理。通常字體在網(wǎng)頁上的顯示過程為：瀏覽器加載出網(wǎng)頁CSS代碼，然后解析出文字的字體樣式，系統(tǒng)在電腦字庫中查找出該字體，然后才可以渲染網(wǎng)頁上的字體，這樣文字就會呈現(xiàn)出設(shè)計者想要的效果。如果系統(tǒng)中，沒有安裝網(wǎng)頁CSS代碼，那么就無法定義字體，也無法制作出特定的字體效果。這時系統(tǒng)普遍會選擇默認字體。針對不同的瀏覽者選擇不同字體是這項問題的關(guān)鍵，下面我們從以下兩個方面進行分析：

2.1.1選擇常用字體

一般瀏覽器會將默認的字體設(shè)置為中文狀態(tài)下的宋體和英文狀態(tài)下的times new Roma字體，這是在沒有進行字體設(shè)置的前提下。當(dāng)前大部分電腦都是windows 操作系統(tǒng)，系統(tǒng)自帶了很多字體，包括宋、黑、楷（GB2312）、仿宋 （GB2312）四種中文字體以及40種英文字體。所有的 windows 操作系統(tǒng)均顯示為以上字體。

2.1.2以圖片的方式置入網(wǎng)頁

網(wǎng)頁字體設(shè)計通常會根據(jù)一定的設(shè)計思想來進行，設(shè)計師通過某一種字體來表現(xiàn)想要表達的思想以及展現(xiàn)的風(fēng)格。因為某些特殊字體和藝術(shù)字體只能在當(dāng)前操作的電腦中顯示，所以設(shè)計師可以把文字變成圖片形式放入到網(wǎng)頁中，同樣也可以達到想要的藝術(shù)效果。

2.2設(shè)置文字大小

網(wǎng)頁設(shè)計是在虛擬的平臺上完成的，因此它的展現(xiàn)方式跟傳統(tǒng)媒體實物展示也有著本質(zhì)的區(qū)別，只有在顯示終端才可能看見。當(dāng)前顯示終端的樣式風(fēng)格已經(jīng)發(fā)展的非常成熟，根據(jù)不同瀏覽者的特點和需要，網(wǎng)頁設(shè)計師可以設(shè)計出具有不同效果的文字表現(xiàn)方式，這直接影響到網(wǎng)頁的視覺效果和用戶體驗。但即使是相同的字體，在不同尺寸、分辨率和 DPI 參數(shù)的顯示器中也會有不同的視覺效果。當(dāng)前，瀏覽器已經(jīng)具備了頁面縮放功能，但是由于很多用戶不愿意主動調(diào)整頁面，所以設(shè)計師還是應(yīng)該設(shè)計出一種最合適的字體，以適應(yīng)大部分用戶使用需求。

2.3設(shè)置文字顏色

文字顏色直接影響著瀏覽者的視覺感官。通常文字顏色設(shè)計比較注重細節(jié)。比如選擇文字顏色時要考慮到和背景的對比度，如果文字顏色和背景顏色比較相近，很容易導(dǎo)致看不清文字，因此必須要保持文字顏色和背景的高對比度。通常網(wǎng)頁上文字顯示都是白底黑字，一般的網(wǎng)頁中都將文字顏色設(shè)置為黑色，這樣既可以保證辨識度，還符合大多數(shù)瀏覽者的習(xí)慣。然而，隨著網(wǎng)頁設(shè)計的不斷進步和發(fā)展，網(wǎng)頁文字應(yīng)用的顏色越來越多，這使得網(wǎng)頁的色彩更加鮮明、活潑、富有吸引力。但是有些顏色就不能隨意的設(shè)置，比如藍色，藍色通常是設(shè)置了超鏈接文字的固定顏色，如果將文字設(shè)置為藍色，很容易讓人誤以為文字中添加了超鏈接?，F(xiàn)在針對這個問題，網(wǎng)頁設(shè)計師也找到了解決辦法，比如超鏈接的文字下面默認下劃線等。

3結(jié)語

文字是網(wǎng)頁信息傳遞中的重要元素，人們大部分的信息都是從文字中獲得的，因此網(wǎng)頁文字設(shè)計具有非常重要的實用性。由于文字本身具備圖形的含義，所以通過變換不同字體還可以實現(xiàn)不同的網(wǎng)頁頁面效果。文字設(shè)計具有一定的規(guī)律，通過文字視覺可以給人帶來獨特的視覺感受，因此網(wǎng)頁設(shè)計中可以通過不斷變化的語言形式來實現(xiàn)豐富多彩的網(wǎng)頁藝術(shù)效果。

參考文獻

[1] 李桂芬.網(wǎng)頁設(shè)計中文字的特性與視覺傳達關(guān)系研究[J].美術(shù)大觀，2013（05）：122.

[2] 孫夢佳.文字在網(wǎng)頁設(shè)計中的要素研究[J].安陽工學(xué)院學(xué)報，2013（05）：56-58.

[3] 司麗麗.網(wǎng)頁設(shè)計中的文字版式設(shè)計探討[J].硅谷，2011（16）：90.