網站內容的排版 - 網頁設計

http://webdesign.zoapcon.com

最近幾日在籌劃小說類網站的建設,在文字排版方面,遇到幾個問題,結合論壇上及朋友們的討論,總結一下最后的解決方案:

1、字體大小
其實我明白大多數用戶喜歡14號左右的字體,但自己在家中經常使用26號(甚至48號)的字體來敲文檔,忍不住還是把正文區的字體搞到了120%,成功獲取了大量差評。
于是只好改回了100%,用戶體驗第一,個人私欲靠邊站。

2、文章正文區域的寬度
之前為了考慮手機用戶,取了95%的寬度(主要是懶得寫media=”handheld”)。對此,jjgod指出,“如果每行過寬,在閱讀時,目光將很難準確的定位到下一行。”,查了一下,排版學上推薦的行寬是52~78個英文字符,再結合一部分用戶使用“小型筆記本”的800*600分辨率,最后決定正文區域寬度為760px,左右各留padding:10px補白,這樣正文區域剛好可以顯示26個漢字。

3、行高
與上邊的原因一樣,為了避免用戶“看串行”,將默認的行高line-height:120%修改為150%

4、背景色
其實這個問題基本不用考慮,目前兩家主流的網站“起點”“逐浪”都選擇了近似#e7f4fe為背景色,這些先驅是經過大量的測試結果來證明了該色調適合長時間閱讀,我相信他們的眼光是正確的。

5、文章內容居左還是居中
設定投票時候漏掉了居右這一項,還有兩位回復時,要求居右顯示的……
目前的投票結果是50%喜歡居左顯示,50%喜歡居中顯示。但是投票居中顯示的有“藍色”“劍氣凌人”這樣玩轉網站的人,自己也很喜歡居中顯示的效果,最終確定為居中顯示。
此觀點有待考證,不知道各位有何見解?

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜

    inspirr 發表在 痞客邦 留言(0) 人氣()