每天都會(huì)有大量的用戶訪問網(wǎng)站，用戶主要看的就是網(wǎng)站正文內(nèi)容，因此，要想吸引用戶的眼球，文本內(nèi)容是關(guān)鍵，但是在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)文版排版也至關(guān)重要，下面唯學(xué)小編就為您整理以下內(nèi)容，為您詳細(xì)的介紹一下網(wǎng)頁(yè)設(shè)計(jì)中文版排版的重要性與設(shè)計(jì)技巧。具體內(nèi)容如下：

網(wǎng)頁(yè)的文本排版并不是僅僅在CSS里設(shè)置個(gè)字體大小那么簡(jiǎn)單的，想要有好的排版，對(duì)細(xì)節(jié)要下一番功夫才行。

字體大小與行距

在早期的網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)師為了追求中文字體的最佳視覺效果，經(jīng)常使用12px像素的字號(hào)。其實(shí)在現(xiàn)在看來，網(wǎng)站內(nèi)容頁(yè)面用這么小的文字是不可取的，小字體的可讀性很差，沒有多少人愿意非常費(fèi)力的盯著屏幕去辨識(shí)那些小字。應(yīng)該說，將文字的字號(hào)設(shè)置成14px或者更大的16px會(huì)更加合理，瀏覽者閱讀起來也更加輕松。當(dāng)然，如果條件允許，可以在文章閱讀頁(yè)面增加選擇字體大、中、小的連接。

文本之間的行距是非常重要的，因?yàn)閿D在一起的文章會(huì)讓讀者看起來非常累，時(shí)不時(shí)的還會(huì)看錯(cuò)行。在面對(duì)密密麻麻擠在一起的長(zhǎng)篇文字時(shí)，很少有人有耐心會(huì)看下去(至少我是如此)。一般情況下，文本的行距為1.5em與1.7em之間比較好，最好不要高于2em，否則過猶不及。

段落間距

在段落之間，要保持足夠的間距才能讓讀者更容易識(shí)別，頁(yè)面也更整潔。面對(duì)沒有段落間距的頁(yè)面，讀者很可能會(huì)把幾個(gè)連在一起的小段路看成一個(gè)大段落，如果每個(gè)段落內(nèi)容太多，很少有讀者有耐心讀完，因?yàn)榛ヂ?lián)網(wǎng)上絕大多數(shù)的讀者瀏覽網(wǎng)站的方法并不是精讀，而是“掃描”。

段落首行縮進(jìn)

在HTML中，半角空格是無法連續(xù)識(shí)別的，所以很多從網(wǎng)上找的文章都是沒有段落縮進(jìn)的，這樣從板式上看起來就不是太符合我們中文文章在生活中的習(xí)慣，我們習(xí)慣開頭空兩個(gè)漢字的位置，而我們又懶得每個(gè)段落都去添上全角空格，那么我們可以使用段落首行縮進(jìn)解決問題。使用text-indent即可實(shí)現(xiàn)段落的首行縮進(jìn)，如果我們想要首行空兩個(gè)漢字的位置，那么我們可以設(shè)置“text-indent:2em;”，這樣縮進(jìn)問題就解決了。

常用標(biāo)簽定義

這個(gè)問題前面已經(jīng)提到了，具體情況因人而異，這里舉個(gè)例子說明一下。假如我需要重新定義em標(biāo)簽，通常em標(biāo)簽都是顯示為斜體的，我為了讓他更突出，給他加一個(gè)顏色定義“color:green;”，這樣我們?cè)谑褂眠@些預(yù)定義標(biāo)簽的時(shí)候會(huì)更加得心應(yīng)手，也更加符合自己的需要。

唯學(xué)網(wǎng)是一個(gè)大型的教育考試培訓(xùn)平臺(tái)，更多網(wǎng)頁(yè)設(shè)計(jì)師考試大綱，網(wǎng)頁(yè)設(shè)計(jì)師考試資訊和試題輔導(dǎo)等相關(guān)考試信息，請(qǐng)關(guān)注唯學(xué)網(wǎng)職業(yè)資格欄目網(wǎng)頁(yè)設(shè)計(jì)師考試培訓(xùn)頻道。小編在此預(yù)祝每一位參加網(wǎng)頁(yè)設(shè)計(jì)師考試的考生都能夠順利通過，早日實(shí)現(xiàn)自己的夢(mèng)想。