網(wǎng)站中有多個元素組成,一般來說我們在頁面上看到的就是圖片和文字,內(nèi)部會有一些代碼是我們看不見的。如果想要網(wǎng)站排版上更美觀,符合當(dāng)今用戶的瀏覽體驗,我們就需要從細(xì)節(jié)上入手。比如有序的文字排版會給用戶帶去一個更好的閱讀體驗。
通過小編近年來的學(xué)習(xí)和總結(jié),在下面的內(nèi)容中會將文字排版的一些技巧和知識分享給大家做參考,希望能幫助朋友們解決一些問題。
1.文字的行對齊知識
這說的是將文字的段落行進(jìn)行對齊排序,從用戶的瀏覽習(xí)慣上來說,文字都是左側(cè)對齊排列。
2.文字行寬設(shè)置
有些網(wǎng)站里面的文字很多,這時候就會要求每一個段落出現(xiàn)空格的要求,使用戶瀏覽更方便。但是,有些文字即使用段落空格,由于上下的行寬比較窄,這時候就會出現(xiàn)文字看上去混亂的結(jié)果。建議將文字行寬合理的控制后,才能使文章更有序。
3.文字留白設(shè)置
在排版文字時,在版面需要留出空余空間,留白面積從小到大應(yīng)該遵循的順序是:字間距、行間距、段間距。此外,在排版內(nèi)容區(qū)之前,需要根據(jù)頁面實際情況給頁面四周留出余白。
4.文字的間距
網(wǎng)站設(shè)計中文字間距的設(shè)置一般根據(jù)字體大小選1到1.5倍之間,作為行間距1.5—2倍作為段間距。比如12號字體,行間距是12px—18px,段落間距則是18px—24px。另外,行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見的。