網(wǎng)站中的文字排版

信息來源：廣商網(wǎng)絡(luò)科技    信息發(fā)布：admin    發(fā)布時間：2016-03-01 11:54:26

排版是個大學(xué)問，網(wǎng)站上每一個元素都能影響瀏覽，排版設(shè)計的好壞絕對能考驗一個設(shè)計師的基本功底，而文字排版是將文字原稿，依照設(shè)計要求，組成規(guī)定版式的工藝。書籍、雜志等書版印刷物就是以文字排版為基礎(chǔ)的，文字排版對于網(wǎng)站建設(shè)來說十分重要。尤其是一個非創(chuàng)意性質(zhì)的網(wǎng)頁，最重要的內(nèi)容就是文字，文字的排版需要考慮文字辨識度和頁面易讀性，好排版一定有著比較棒的閱讀性，文字內(nèi)容在視覺上是平衡和連貫的，并且有整體的空間感。布局、內(nèi)容擺放和欄目設(shè)計都會影響文字的閱讀性。從易讀性來看，需要設(shè)計師考慮字體、字號、行距、背景色與文字顏色對比等因素。

1.字體的選擇

如何選擇合適的字體，才切合實際。解決這個問題，我們先應(yīng)該知道為什么要糾結(jié)于選擇字體這個問題。字體選擇存在實用性和創(chuàng)意性這兩個方面的因素。創(chuàng)意性很好理解，就是想突破常規(guī)，配合自己的網(wǎng)頁中的設(shè)計思想而選擇相應(yīng)的字體，例如表達程序員的思維，就對代碼使用等寬字體，表達恐怖、古典，使用哥特式字體等等。這點自己去找字體好了，不再贅述。最主要的問題是在于實用性的方面。

實用性方面，即不需要太過于華麗的字體，只需要大家看的都舒服、稍微帶點自己的特色即可。瀏覽器解析字體的過程實際上是這樣的，當瀏覽器加載CSS后，解析到有關(guān)字體的樣式，它會在你的系統(tǒng)中查找這個字體，只有找到了相應(yīng)的字體文件，才會根據(jù)那個字體文件對網(wǎng)頁中的文字進行渲染，顯示出你想要的效果。

如果你的操作系統(tǒng)中，并沒有安裝網(wǎng)頁中定義的那種字體，就無法渲染出那種字體的效果，而通常使用當前系統(tǒng)的默認字體來渲染。那么你原有的設(shè)計，就不行了，你設(shè)計時覺得挺好，字體、位置、大小合適，但在別人的電腦上，清一色的宋體。所以這個問題，才是選擇字體的難處所在。

針對以上問題的解決方式就是使用經(jīng)典通用字體，不同操作系統(tǒng)都有不同的字體系統(tǒng)，但既然是字體，總有一些比較經(jīng)典老牌的字體共同存在于各個系統(tǒng)中。例如無襯線的 Arial 字體，它產(chǎn)生的時間比較早，同時價格低廉，所以從早期就被 windows 操作系統(tǒng)使用，在其他的操作系統(tǒng)中，也會有較好的不同于默認字體的顯示效果。

2.字號大小

字號大小可以用不同的方式來計算，例如磅(Point)或像素(Pixel)。因為以像素技術(shù)為基礎(chǔ)單位打印時需要轉(zhuǎn)換為磅，所以，建議采用磅為單位。最適合于網(wǎng)頁正文顯示的字體大小為12磅左右，現(xiàn)在很多的綜合性站點，由于在一個頁面中需要安排的內(nèi)容較多，通常采用9磅的字號。較大的字體可用于標題或其他需要強調(diào)的地方，小一些的字體可以用于頁腳和輔助信息。需要注意的是，小字號容易產(chǎn)生整體感和精致感，但可讀性較差。

3.行距的變化

行距的變化也會對文本的可讀性產(chǎn)生很大影響。一般情況下，接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12，即用字10點，則行距12點。這主要是出于以下考慮：適當?shù)男芯鄷纬梢粭l明顯的水平空白帶，以引導(dǎo)瀏覽者的目光，而行距過寬會使一行文字失去較好的延續(xù)性。除了對于可讀性的影響，行距本身也是具有很強表現(xiàn)力的設(shè)計語言，為了加強版式的裝飾效果，可以有意識地加寬或縮窄行距，體現(xiàn)獨特的審美意趣。例如，加寬行距可以體現(xiàn)輕松、舒展的情緒，應(yīng)用于娛樂性、抒情性的內(nèi)容恰如其分。另外，通過精心安排，使寬、窄行距并存，可增強版面的空間層次與彈性，表現(xiàn)出獨到的匠心。

4.文字留白

在排版文字時，在版面需要留出空余空間，留白面積從小到大應(yīng)該遵循的順序是：字間距、行間距、段間距。此外，在排版內(nèi)容區(qū)之前，需要根據(jù)頁面實際情況給頁面四周留出余白。

5.文字背景

白色是全頻光，全放射光對人眼睛的最有刺激，所以很多印刷品讀物的紙張都選用乳白色或者淡黃色的紙張。由于顯示器本身就發(fā)光，所以同是純白色背景的文字，在電腦上比在紙上閱讀會使眼睛更容易疲乏，另有研究表明：在電腦上閱讀只有在紙上閱讀速度的78%，閱讀效率大大減低。因此，為了提高頁面瀏覽的舒適度和效率，越來越多的頁面采用淺灰色和淡黃色做為頁面背景。另外，印刷品以文字為主的出版物往往會采用低光澤度的紙張，也是因為光澤度高的紙張反射度高，導(dǎo)致閱讀質(zhì)量下降，容易使人視覺疲勞。

6.文字的整體編排　　

頁面里的正文部分是由許多單個文字經(jīng)過編排組成的群體，要充分發(fā)揮這個群體形狀在版面整體布局中的作用。從藝術(shù)的角度可以將字體本身看成是一種藝術(shù)形式，它在個性和情感方面對人們有著很大影響。在網(wǎng)頁設(shè)計中，字體的處理與顏色、版式、圖形等其他設(shè)計元素的處理一樣非常關(guān)鍵。從某種意義上來講，所有的設(shè)計元素都可以理解為圖形。

7.文字對比

文字對比可以分為三類，主要是標題與正文的字體與字號對比、文字顏色對比，以及文字顏色與背景顏色的對比。在標題與正文對比中，標題使用18號的微軟雅黑，正文使用12號的宋體，兩種字體字號的對比讓文字內(nèi)容富有層次，很容易吸引讀者眼球。文字顏色對比方面，一部分文字采用了與主要文字不同的另一種顏色，這種對比是增加視覺效果的有效途徑之一，突出展示了段落的重點，這是非常常用的一種文字排版設(shè)計方式。而正文文本與背景合適的對比可以提高文字的清晰度，產(chǎn)生強烈的視覺效果。白色背景、紅色標題、黑色正文的對比，以及紅色背景與白色文字對比的應(yīng)用，將文字內(nèi)容清晰襯托出來，既有豐滿的層次感，同時有具有很強的視覺沖擊力。

        

上一篇：企業(yè)網(wǎng)站建設(shè)都需要注意哪些問題

下一篇：網(wǎng)站建設(shè)發(fā)展趨勢