小說類網(wǎng)站文字排版技巧
發(fā)布時(shí)間：2009-07-18 01:12:22 作者：佚名 
我要評(píng)論
我要評(píng)論最近幾日在籌劃小說類網(wǎng)站的建設(shè)，在文字排版方面，遇到幾個(gè)問題，結(jié)合論壇上及朋友們的討論，總結(jié)一下最后的解決方案
最近幾日在籌劃小說類網(wǎng)站的建設(shè)，在文字排版方面，遇到幾個(gè)問題，結(jié)合論壇上及朋友們的討論，總結(jié)一下最后的解決方案：
字體大小
其實(shí)我明白大多數(shù)用戶喜歡14號(hào)左右的字體，但自己在家中經(jīng)常使用26號(hào)（甚至48號(hào)）的字體來敲文檔，忍不住還是把正文區(qū)的字體搞到了120%，成功獲取了大量差評(píng)。
于是只好改回了100%，用戶體驗(yàn)第一，個(gè)人私欲靠邊站。
文章正文區(qū)域的寬度
之前為了考慮手機(jī)用戶，取了95%的寬度（主要是懶得寫media=”handheld”）。對(duì)此，jjgod指出，“如果每行過寬，在閱讀時(shí)，目光將很難準(zhǔn)確的定位到下一行。”，查了一下，排版學(xué)上推薦的行寬是52~78個(gè)英文字符，再結(jié)合一部分用戶使用“小型筆記本”的800*600分辨率，最后決定正文區(qū)域?qū)挾葹?60px，左右各留padding:10px補(bǔ)白，這樣正文區(qū)域剛好可以顯示26個(gè)漢字。
行高
與上邊的原因一樣，為了避免用戶“看串行”，將默認(rèn)的行高line-height:120%修改為150%
背景色
其實(shí)這個(gè)問題基本不用考慮，目前兩家主流的網(wǎng)站“起點(diǎn)”“逐浪”都選擇了近似#e7f4fe為背景色，這些先驅(qū)是經(jīng)過大量的測(cè)試結(jié)果來證明了該色調(diào)適合長(zhǎng)時(shí)間閱讀，我相信他們的眼光是正確的。
文章內(nèi)容居左還是居中
設(shè)定投票時(shí)候漏掉了居右這一項(xiàng)，還有兩位回復(fù)時(shí)，要求居右顯示的……
目前的投票結(jié)果是50%喜歡居左顯示，50%喜歡居中顯示。但是投票居中顯示的有“藍(lán)色”“劍氣凌人”這樣玩轉(zhuǎn)網(wǎng)站的人，自己也很喜歡居中顯示的效果，最終確定為居中顯示。
此觀點(diǎn)有待考證，不知道各位有何見解？
字體大小
其實(shí)我明白大多數(shù)用戶喜歡14號(hào)左右的字體，但自己在家中經(jīng)常使用26號(hào)（甚至48號(hào)）的字體來敲文檔，忍不住還是把正文區(qū)的字體搞到了120%，成功獲取了大量差評(píng)。
于是只好改回了100%，用戶體驗(yàn)第一，個(gè)人私欲靠邊站。
文章正文區(qū)域的寬度
之前為了考慮手機(jī)用戶，取了95%的寬度（主要是懶得寫media=”handheld”）。對(duì)此，jjgod指出，“如果每行過寬，在閱讀時(shí)，目光將很難準(zhǔn)確的定位到下一行。”，查了一下，排版學(xué)上推薦的行寬是52~78個(gè)英文字符，再結(jié)合一部分用戶使用“小型筆記本”的800*600分辨率，最后決定正文區(qū)域?qū)挾葹?60px，左右各留padding:10px補(bǔ)白，這樣正文區(qū)域剛好可以顯示26個(gè)漢字。
行高
與上邊的原因一樣，為了避免用戶“看串行”，將默認(rèn)的行高line-height:120%修改為150%
背景色
其實(shí)這個(gè)問題基本不用考慮，目前兩家主流的網(wǎng)站“起點(diǎn)”“逐浪”都選擇了近似#e7f4fe為背景色，這些先驅(qū)是經(jīng)過大量的測(cè)試結(jié)果來證明了該色調(diào)適合長(zhǎng)時(shí)間閱讀，我相信他們的眼光是正確的。
文章內(nèi)容居左還是居中
設(shè)定投票時(shí)候漏掉了居右這一項(xiàng)，還有兩位回復(fù)時(shí)，要求居右顯示的……
目前的投票結(jié)果是50%喜歡居左顯示，50%喜歡居中顯示。但是投票居中顯示的有“藍(lán)色”“劍氣凌人”這樣玩轉(zhuǎn)網(wǎng)站的人，自己也很喜歡居中顯示的效果，最終確定為居中顯示。
此觀點(diǎn)有待考證，不知道各位有何見解？
相關(guān)文章
Cloudfront 是 Amazon 提供的 CDN 服務(wù)，有每月免費(fèi) 1T 的流量，該流量不可累計(jì),個(gè)人小站的話，這個(gè) CDN 是足夠用的了，而且主要是國(guó)內(nèi)訪問的速度還不錯(cuò),但是需要注意不要2023-10-19
免費(fèi)為你的網(wǎng)站加速，全球訪問加速還可以防御ddos攻擊的cloudflare
CDN加速通俗來講就是把網(wǎng)站在全國(guó)各地的服務(wù)器上復(fù)制一份（即鏡像服務(wù)器），用戶在訪問的時(shí)候，路由自動(dòng)分配到最近的服務(wù)器，提升訪問速度,大家在訪問軟件下載站的時(shí)候，經(jīng)2023-10-09
什么是AMP(加速移動(dòng)頁(yè)面)Web開發(fā)？AMP的好處以及它與響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的
AMP技術(shù)是一項(xiàng)用于加速移動(dòng)Web頁(yè)面加載速度的技術(shù),它通過限制頁(yè)面的HTML、CSS和JavaScript的使用，從而提高頁(yè)面加載速度和性能,下面我們將從以下幾個(gè)方面對(duì)AMP技術(shù)進(jìn)行拓展2023-10-09谷歌站長(zhǎng)(Search Console)工具的注冊(cè)安裝及功能介紹
Google Search Console 是一項(xiàng)由 Google 提供的免費(fèi)服務(wù)，可幫助您監(jiān)控和維護(hù)您的網(wǎng)站在 Google 搜索結(jié)果中的展示情況以及排查問題，Search Console 可幫助您了解并改善 Go2023-05-13
打開網(wǎng)站出現(xiàn)Internal Server Error的原因和解決方法
這篇文章主要介紹了打開網(wǎng)站出現(xiàn)Internal Server Error的原因和解決方法的相關(guān)資料,需要的朋友可以參考下，解決方法：登陸FTP或文件管理器，檢查站點(diǎn)目錄文件權(quán)限設(shè)置，將2022-01-08
inxy：超低價(jià)“綜合型”國(guó)外CDN提供商，專業(yè)POP節(jié)點(diǎn)覆蓋亞洲\歐洲\美洲
inxy，這個(gè)2005年成立運(yùn)作至今的商家不但提供11個(gè)機(jī)房的VPS、24個(gè)機(jī)房獨(dú)立服務(wù)器，更重要的核心業(yè)務(wù)還有CDN,之所以要來推薦inxy的CDN是因?yàn)樵谛詢r(jià)比上面有著獨(dú)到的優(yōu)勢(shì)2020-11-16
分享盤點(diǎn)10個(gè)可免費(fèi)使用的網(wǎng)站CDN加速服務(wù)
大部分服務(wù)商（如阿里云，網(wǎng)易蜂巢，京東云等）的CDN服務(wù)是按使用量收費(fèi)的，也有一些服務(wù)商提供免費(fèi)的CDN服務(wù)，這篇文章主要介紹了分享盤點(diǎn)10個(gè)可免費(fèi)使用的網(wǎng)站CDN加速服2020-08-17INXY：運(yùn)作全球26個(gè)國(guó)家和地區(qū)的 獨(dú)立服務(wù)器、VPS、CDN業(yè)務(wù)，價(jià)格超便
INXY主要運(yùn)作獨(dú)立服務(wù)器、VPS、CDN、DNS四大類業(yè)務(wù)。inxy有自己的機(jī)房，也賣全球其他國(guó)家和地區(qū)的相關(guān)業(yè)務(wù)，可以說是一個(gè)超大型的reseller2019-09-29- 這篇文章主要介紹了新手干貨之網(wǎng)站建設(shè)中常見的一些問題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-09-18
給我三分鐘還你一個(gè)不買視頻會(huì)員的理由，手把手教搭建電影網(wǎng)站
本篇文章主要介紹了手把手教搭建電影網(wǎng)站，今天我們就來搭建一個(gè)VIP電影網(wǎng)站，本文主旨在于，從基礎(chǔ)的搭建一個(gè)簡(jiǎn)單的解析網(wǎng)站來引入一些思路，手把手什么的最貼心了。2019-08-22
