一說(shuō)到文字的排版，很多人都認(rèn)為這是一門學(xué)問(wèn)。網(wǎng)頁(yè)制作中的每一個(gè)元素都會(huì)影響網(wǎng)站整體的瀏覽效果，其中頁(yè)面文字的排版設(shè)計(jì)，將決定網(wǎng)站閱讀瀏覽體驗(yàn)度的高低。如果連一篇文章都不能排版好，那么網(wǎng)站建設(shè)質(zhì)量也不會(huì)高了。所以，本文就來(lái)分享一下網(wǎng)頁(yè)制作時(shí)文字排版設(shè)計(jì)的一些技巧。

頁(yè)面文字的排版主要考慮文字的識(shí)別度以及文字表達(dá)出來(lái)的意思是否易讀。下面就從用戶的易讀性以及設(shè)計(jì)的角度的出發(fā)，說(shuō)一下要怎樣設(shè)計(jì)才可以做好文字的排版。

首先我們要清楚一個(gè)問(wèn)題，就是什么樣的排版才可以稱得上是優(yōu)秀的頁(yè)面文字排版？很多人都認(rèn)為優(yōu)秀的文字排版，在閱讀感受上一定是很棒的，文字表達(dá)的意思也是連貫的，在視覺(jué)上體現(xiàn)出來(lái)的就是平衡，在整體上有一個(gè)空間感。網(wǎng)頁(yè)制作時(shí)文章的布局，內(nèi)容的設(shè)置以及欄目的設(shè)計(jì)都對(duì)文字的易讀性有影響。從文字排版的易讀性出發(fā)，需要考慮文字的字體、文字的大小、段落之間的行距、間距、背景顏色的使用以及文字的顏色等等。今天就以行寬以及間距為重點(diǎn)介紹一下文字排版的技巧，要保持文章的易讀性，幫助用戶保持好對(duì)文章的閱讀節(jié)奏，給用戶一個(gè)良好的閱讀體驗(yàn)。

第一、行寬的設(shè)計(jì)

一行文字太長(zhǎng)的話，我們?cè)陂喿x的時(shí)候，視線的移動(dòng)的距離就會(huì)比較長(zhǎng)，讓讀者找不到段落的起點(diǎn)和重點(diǎn)，閱讀起來(lái)就比較困難。如果一行文字太短，眼睛就會(huì)不斷來(lái)回移動(dòng)，閱讀節(jié)奏就不能很好地掌握了，影響了閱讀。所以在網(wǎng)站的其他內(nèi)容或者是文章中，每一行都要設(shè)置合理的字?jǐn)?shù)，提高用戶的閱讀性。在傳統(tǒng)的書籍中，每一行的字符是55~75之間，這個(gè)也是最佳的字?jǐn)?shù)。而在網(wǎng)頁(yè)制作中，每一行的字符最佳的體驗(yàn)是75~85之間。如果中文字體是14號(hào)的，就是35~45個(gè)字?jǐn)?shù)之間。

第二、間距的設(shè)計(jì)

文字之間的間距也會(huì)影響用戶的閱讀。太寬的間距是讓文字之間失去連續(xù)性，影響用戶的閱讀，導(dǎo)致對(duì)內(nèi)容不能正確理解。如果文字之間的間距太窄，就會(huì)容易造成跳行，內(nèi)容得不到很好的理解。在網(wǎng)頁(yè)制作和設(shè)計(jì)中，文字之間的間距，會(huì)根據(jù)字體的大小選擇1~1.5倍的行間距，1.5~2倍作為段落之間的距離。例如，字體是12號(hào)的，行之間的間距就是12px~18px，段落之間的距離就是18px~24px。

另外，行高或段落之間的空間就是75%。例如，字體是16號(hào)，行間距是27px/段間距36px=75%。如果文字比較大，就可以不用按照1~1.5倍的比例。保持在75%的比例，在視覺(jué)效果上是比較好的。

以上就是網(wǎng)頁(yè)制作時(shí)文字排版設(shè)計(jì)的技巧，各位小白新手在制作網(wǎng)頁(yè)的時(shí)候，要注意一下。