排版是個大學(xué)問，網站上每一個元素都能(néng)影響浏覽，排版設計的好壞絕對能(néng)考驗一個設計師的基本功底，而文(wén)字排版是将文(wén)字原稿，依照設計要求，組成規定版式的工(gōng)藝。書籍、雜志(zhì)等書版印刷物(wù)就是以文(wén)字排版為(wèi)基礎的，文(wén)字排版對于網站建設來說十分(fēn)重要。尤其是一個非創意性質(zhì)的網頁(yè)，最重要的内容就是文(wén)字，文(wén)字的排版需要考慮文(wén)字辨識度和頁(yè)面易讀性，好排版一定有(yǒu)着比較棒的閱讀性，文(wén)字内容在視覺上是平衡和連貫的，并且有(yǒu)整體(tǐ)的空間感。布局、内容擺放和欄目設計都會影響文(wén)字的閱讀性。從易讀性來看，需要設計師考慮字體(tǐ)、字号、行距、背景色與文(wén)字顔色對比等因素。
如何選擇合适的字體(tǐ)，才切合實際。解決這個問題，我們先應該知道為(wèi)什麽要糾結于選擇字體(tǐ)這個問題。字體(tǐ)選擇存在實用(yòng)性和創意性這兩個方面的因素。創意性很(hěn)好理(lǐ)解，就是想突破常規，配合自己的網頁(yè)中(zhōng)的設計思想而選擇相應的字體(tǐ)，例如表達程序員的思維，就對代碼使用(yòng)等寬字體(tǐ)，表達恐怖、古典，使用(yòng)哥(gē)特式字體(tǐ)等等。這點自己去找字體(tǐ)好了，不再贅述。最主要的問題是在于實用(yòng)性的方面。
實用(yòng)性方面，即不需要太過于華麗的字體(tǐ)，隻需要大家看的都舒服、稍微帶點自己的特色即可(kě)。浏覽器解析字體(tǐ)的過程實際上是這樣的，當浏覽器加載CSS後，解析到有(yǒu)關字體(tǐ)的樣式，它會在你的系統中(zhōng)查找這個字體(tǐ)，隻有(yǒu)找到了相應的字體(tǐ)文(wén)件，才會根據那個字體(tǐ)文(wén)件對網頁(yè)中(zhōng)的文(wén)字進行渲染，顯示出你想要的效果。
如果你的操作(zuò)系統中(zhōng)，并沒有(yǒu)安(ān)裝(zhuāng)網頁(yè)中(zhōng)定義的那種字體(tǐ)，就無法渲染出那種字體(tǐ)的效果，而通常使用(yòng)當前系統的默認字體(tǐ)來渲染。那麽你原有(yǒu)的設計，就不行了，你設計時覺得挺好，字體(tǐ)、位置、大小(xiǎo)合适，但在别人的電(diàn)腦上，清一色的宋體(tǐ)。所以這個問題，才是選擇字體(tǐ)的難處所在。
針對以上問題的解決方式就是使用(yòng)經典通用(yòng)字體(tǐ)，不同操作(zuò)系統都有(yǒu)不同的字體(tǐ)系統，但既然是字體(tǐ)，總有(yǒu)一些比較經典老牌的字體(tǐ)共同存在于各個系統中(zhōng)。例如無襯線(xiàn)的 Arial 字體(tǐ)，它産(chǎn)生的時間比較早，同時價格低廉，所以從早期就被 windows 操作(zuò)系統使用(yòng)，在其他(tā)的操作(zuò)系統中(zhōng)，也會有(yǒu)較好的不同于默認字體(tǐ)的顯示效果。
字号大小(xiǎo)可(kě)以用(yòng)不同的方式來計算，例如磅(Point)或像素(Pixel)。因為(wèi)以像素技(jì )術為(wèi)基礎單位打印時需要轉換為(wèi)磅，所以，建議采用(yòng)磅為(wèi)單位。最适合于網頁(yè)正文(wén)顯示的字體(tǐ)大小(xiǎo)為(wèi)12磅左右，現在很(hěn)多(duō)的綜合性站點，由于在一個頁(yè)面中(zhōng)需要安(ān)排的内容較多(duō)，通常采用(yòng)9磅的字号。較大的字體(tǐ)可(kě)用(yòng)于标題或其他(tā)需要強調的地方，小(xiǎo)一些的字體(tǐ)可(kě)以用(yòng)于頁(yè)腳和輔助信息。需要注意的是，小(xiǎo)字号容易産(chǎn)生整體(tǐ)感和精(jīng)緻感，但可(kě)讀性較差。
行距的變化也會對文(wén)本的可(kě)讀性産(chǎn)生很(hěn)大影響。一般情況下，接近字體(tǐ)尺寸的行距設置比較适合正文(wén)。行距的常規比例為(wèi)10:12，即用(yòng)字10點，則行距12點。這主要是出于以下考慮：适當的行距會形成一條明顯的水平空白帶，以引導浏覽者的目光，而行距過寬會使一行文(wén)字失去較好的延續性。除了對于可(kě)讀性的影響，行距本身也是具(jù)有(yǒu)很(hěn)強表現力的設計語言，為(wèi)了加強版式的裝(zhuāng)飾效果，可(kě)以有(yǒu)意識地加寬或縮窄行距，體(tǐ)現獨特的審美意趣。例如，加寬行距可(kě)以體(tǐ)現輕松、舒展的情緒，應用(yòng)于娛樂性、抒情性的内容恰如其分(fēn)。另外，通過精(jīng)心安(ān)排，使寬、窄行距并存，可(kě)增強版面的空間層次與彈性，表現出獨到的匠心。
在排版文(wén)字時，在版面需要留出空餘空間，留白面積從小(xiǎo)到大應該遵循的順序是：字間距、行間距、段間距。此外，在排版内容區(qū)之前，需要根據頁(yè)面實際情況給頁(yè)面四周留出餘白。
白色是全頻光，全放射光對人眼睛的最有(yǒu)刺激，所以很(hěn)多(duō)印刷品讀物(wù)的紙張都選用(yòng)乳白色或者淡黃色的紙張。由于顯示器本身就發光，所以同是純白色背景的文(wén)字，在電(diàn)腦上比在紙上閱讀會使眼睛更容易疲乏，另有(yǒu)研究表明：在電(diàn)腦上閱讀隻有(yǒu)在紙上閱讀速度的78%，閱讀效率大大減低。因此，為(wèi)了提高頁(yè)面浏覽的舒适度和效率，越來越多(duō)的頁(yè)面采用(yòng)淺灰色和淡黃色做為(wèi)頁(yè)面背景。另外，印刷品以文(wén)字為(wèi)主的出版物(wù)往往會采用(yòng)低光澤度的紙張，也是因為(wèi)光澤度高的紙張反射度高，導緻閱讀質(zhì)量下降，容易使人視覺疲勞。
頁(yè)面裏的正文(wén)部分(fēn)是由許多(duō)單個文(wén)字經過編排組成的群體(tǐ)，要充分(fēn)發揮這個群體(tǐ)形狀在版面整體(tǐ)布局中(zhōng)的作(zuò)用(yòng)。從藝術的角度可(kě)以将字體(tǐ)本身看成是一種藝術形式，它在個性和情感方面對人們有(yǒu)着很(hěn)大影響。在網頁(yè)設計中(zhōng)，字體(tǐ)的處理(lǐ)與顔色、版式、圖形等其他(tā)設計元素的處理(lǐ)一樣非常關鍵。從某種意義上來講，所有(yǒu)的設計元素都可(kě)以理(lǐ)解為(wèi)圖形。
文(wén)字對比可(kě)以分(fēn)為(wèi)三類，主要是标題與正文(wén)的字體(tǐ)與字号對比、文(wén)字顔色對比，以及文(wén)字顔色與背景顔色的對比。在标題與正文(wén)對比中(zhōng)，标題使用(yòng)18号的微軟雅黑，正文(wén)使用(yòng)12号的宋體(tǐ)，兩種字體(tǐ)字号的對比讓文(wén)字内容富有(yǒu)層次，很(hěn)容易吸引讀者眼球。文(wén)字顔色對比方面，一部分(fēn)文(wén)字采用(yòng)了與主要文(wén)字不同的另一種顔色，這種對比是增加視覺效果的有(yǒu)效途徑之一，突出展示了段落的重點，這是非常常用(yòng)的一種文(wén)字排版設計方式。而正文(wén)文(wén)本與背景合适的對比可(kě)以提高文(wén)字的清晰度，産(chǎn)生強烈的視覺效果。白色背景、紅色标題、黑色正文(wén)的對比，以及紅色背景與白色文(wén)字對比的應用(yòng)，将文(wén)字内容清晰襯托出來，既有(yǒu)豐滿的層次感，同時有(yǒu)具(jù)有(yǒu)很(hěn)強的視覺沖擊力。
地址：長(cháng)春市西安(ān)大路與普陽街(jiē)交彙華爾茲大廈2棟6門
.....................................................................................................Copyright 廣商(shāng)科(kē)技(jì ) All Rights Reserved 版權所有(yǒu) 京ICP證000000号 舉報專線(xiàn)：13244308262....................................................................................................
