【原創】不可不知的文字排版
字體:
大
中
小 發表日期:2015-02-12 15:10 評論:0 點擊:839
自從有了自助建站后,網站建設的重心就轉移到了內容上來,用戶瀏覽網站看的就是正文,所以網站文字內容的排版是十分重要的。對于自助建設的網站來說,文字的排版并不是在css里設置字體大小那么的簡單,要想用戶有好的瀏覽體院,關鍵是要在細節上下功夫。
第一:字體的大小和行距
在過去的自助建站中,設計者為了追求網頁內容最佳的視覺效果,往往是使用12px像素的字體大小。但在現在來說,網頁使用這么小的字體對用戶的瀏覽是十分不便的,字體這么小會導致文本可讀性下降,而且要瀏覽這么小的字體,對用戶來說非常的費勁。因此,字體的大小應該設置為4px或者16px像素,這樣更適合用戶的瀏覽。其次文本之間的行距也是要注意的,如果文本全都擠在一起,用戶瀏覽起來會非常的累,還會有看錯行的可能,并且對于密密麻麻的文本,用戶是很少有耐心觀看下去的。所以,文本的行距應該設置在1.5em到1.7em之間,而且最好不要超過2em。
第二:段落的間距
文章中段落之間應該保持一定的間距用戶才能更容易的閱讀,這樣的頁面顯示起來也會更加的簡潔。如果一篇文章中沒有段落間距,那用戶可能誤把幾個小段當做成一個大段,如果段落的內容過多,那用戶可能就會沒有耐心讀完,因為網絡上的用戶瀏覽文章基本上都是掃讀而不是精讀。在凡科的時候,可以通過修改P標簽的margin屬性或者是padding屬性來修改段落間距,比較合理的段落間距為1em。
第三:段落的首行縮進
在Html的頁面中,半角狀態下的空格是無法被識別的,因此在網絡上找的很多的文章,段落都是沒有首行縮進的,這樣的文字排版對于用戶來說是不太符合生活中的閱讀習慣的。正常來說,段落之間的開頭都要空出兩個漢字的位置,如果在文字排版時懶得在全角狀態下添加空格,那么就可以使用段落首行縮進的方法來解決問題。
※ ※ ※ 本文純屬【leo321】個人意見,與【鋼之家鋼鐵博客】立場無關.※ ※ ※
 該日志尚無評論! |