傳統編輯對部落格新手的寫作建議：一個呼籲

老貓在推動 , 網路上我身 2006/0527 by oc [點閱50426 - 徵引3 - 迴響17]

老貓按：為了讓網路閱讀更舒適，減少大家的眼睛疲勞，本文歡迎任何人用任何形式轉載，商業或非商業都無妨。只需註明網址出處即可（老貓學出版：傳統編輯對部落格新手的寫作建議）。

　※　※　※

這半年來台灣的部落格風潮，可說是越颳越興旺，許多優秀的傳統媒體寫作者，大量轉移寫作平台，開始建立自己的部落格。但這時我卻發現「會寫作」和「會寫部落格」之間，還有著相當的落差。許多人有非常棒的學養和見解，可惜文章貼出來卻讓人難以卒讀。

不是見解不深刻，也不是文筆欠優美，而是因為文章讓人「看」不下去──文章密密麻麻，版面沒有考慮「易讀性」，讀者眼睛疲勞，讀來自然備感痛苦。你等於加設了一道辨讀文字的關卡，擋在讀者理解文意之前，讀者還沒來得及思考你說了什麼，一上站先就被缺乏易讀性的版面打敗了。

部落格是個「一貼上就發表」（post and publish）的出版工具，從寫作到發表，沒有任何距離，不像傳統媒體，中間還有一個叫做編輯的傢伙，幫你調整段落、設定格式，讓你的文章印成鉛字以後，你越看越滿意。

少了編輯，「文章的表現形式」變成作者要自行打理的事了，你不再能只管內容，而不管表現。可惜從一個傳統編輯的角度看，越善於在傳統媒體寫文章的人（包括寫論文報告的人），似乎越難以掌握網頁閱讀的形式。

這真是很可惜，因為要注意的事情實在很少，而且做起來也非常簡單。你只要注意幾件事就可以大幅改善版面易讀性，讓文章更乾淨可讀，讓好不容易上站的讀者，願意靜下來看看你說了什麼。

為什麼我敢這麼說呢？因為我是個十八年經驗的出版社編輯，「把內容處理成適合閱讀的形式」，正是我的專長，十八年來別的工夫沒學好，但這件事可是天天在做的。

以下就是一個傳統圖書編輯，對部落格寫作形式的五點建議。前三點是給完全沒有網頁技術能力的人用的，你只要遵守這三點，就可以大幅提升你的文章易讀性。後面兩點則需要一點技術功力，但也只是一點點而已。

五點全部做到，保證讓你的文章更容易閱讀（特別提醒一下：易讀性談的是表現形式，跟內容好壞無關，易讀性改善只是讓讀者容易讀，並不會讓你的文章因此變成傳世經典）。

一、段落短一點，分段多一點

網上閱讀不比紙本書，根據美國的調查顯示，「短的段落最適合閱讀，閱讀率是長段的兩倍」。我自己的經驗是，盡量保持每段中文字在一百字以內，比較容易閱讀。

這件事對許多習慣長篇大論、一個段落動輒四、五百字的人，是嚴重的考驗。強烈建議每個部落格作者，文章發表以後，自己好好看一遍，如果你自己讀來都覺得辛苦，那就不要指望讀者會看得很樂了。

分段問題還有一個小細節，就是有人喜歡用新詩式的分行方式行文，這也不好，詩體的閱讀節奏就是緩慢，散文而走詩體，對易讀性是一大考驗。

二、用空行分段

我們知道紙張書是用段首空格來分段的，但是在網頁上，我發覺最恰當的分段模式是「空行」。你現在正在讀的這篇文章，就是用空行來分段的。而大部分經驗豐富的網路寫手，不約而同也都採用這個方式來分段。這是小事，可是整體影響卻很嚴重，千萬不能輕忽。

更詳細的討論可以看這篇文章：段落的祕密。

三、選模版要注意字級、行距與行長

現在的部落格，不論是申請免費服務的（例如中華電信的Xuite或剛剛跟番薯藤合併的樂多日誌），或者自己找程式安裝架設的（例如我在用的LifeType、Zonble用的WordPress或早期部落客最常用的MovableType），多半都會提供各式各樣的「風格模版」，你應該選一個底色乾淨、字級大小適當、行距與行長協調的模版。

我注意到許多模版的行距都有問題，太窄了，網路閱讀因為眼睛的距離比讀紙張書更遠，理論上行距應該更寬才對，合理的行距需要配合行的長度調節，但至少不應該少於字級大小的50％（如果你可以設定模版的話，請把正文行距設定為 line-height: 1.5 以上。以老貓學出版為例，我的內文行距是 line-height: 1.7 ）。

行距的重要性甚至超過字體大小，而適合英文的模版，行距通常不適合中文閱讀，所以這個應該列為一定要修改的項目才好。

另外有些人喜歡把內文字設為灰色，感覺整體看起來很優雅，要小心，你可能是以犧牲易讀性為代價的。文字和底色之間必須要有足夠的彩度或明度對比，灰色字會降低對比，讓閱讀產生困難。

四、別在內文區襯底色或底圖

白底黑字永遠是易讀性最高的版面，別為了耍花樣而在內文區加上底色（非常淺的底色尚可接受）或底圖，那剛好讓你顯得很不專業，又干擾讀者的閱讀。反白字（黑底白字）也不是好設計，如果你不以為然，不妨想想電腦畫面為什麼會從DOS時代的藍底，變成微軟或蘋果視窗的白底。原因不為別的，易讀性正是其中很重要的理由（如果你一定要證據，這裡有一份美國的研究報告可以參考：Interface Design and Optimization of Reading of Continuous Text）。

除非你的目的就是秀版面，而不是秀文字，不然你應該克制在內文區增加花樣的欲望。刊頭是很適合玩花樣，其他地方則不宜。

當然底色通常是模版決定的，所以這一點應該列入模版選擇的參考因素。

五、使用樸素的超連結格式

網頁文件用超連結來延伸閱讀空間，這個特色很有用，但是對易讀性則有傷害，因為正文遇到連結就變色，眼睛讀到那裡就要頓一下，頗有干擾。尤其程式設計還可以讓已訪問和未訪問的連結使用不同顏色，版面更花更不利閱讀。

不得已的妥協，我們不希望放棄超連結，又不希望超連結的變色讓視覺衝擊太大，可以考慮讓超連結的兩種狀態（link和visited），使用相同的CSS設定。

例如我的做法是只在前者多加一道淺底線作區隔。這點是有點技術難度，我知道，不過如果你真的希望讀者閱讀沒有太多阻隔，遲早你會研究到這裡。

在部落格的時代，只注意文章寫作是不夠的，在你的文章和你的讀者之間，再也沒有編輯為你解決表達形式的問題了，你得自己來，安頓你的版面，免得讓形式妨礙了閱讀。

我也藉此呼籲一下有能力設計模版的人，注意一下這五點，你的設計直接影響使用者的閱讀效率，在設計之前，每個人都應該問一下，這個模版是讓人發表文章用的，還是讓人秀（你的）花樣用的。

【延伸閱讀】
‧編輯可以不知道排版嗎？ by 老貓
‧第一個百萬頁以及部落格經營方法 by 老貓
‧閱讀經驗與讀者經驗 by 那福忠
‧部落格經營、寫作相關文章 by 老貓

如果你覺得本文有意思，敬請
用e-mail轉寄，分享給更多朋友

你也可以把本文加入以下書籤分享站

收入del.icio.us｜收入 HEMiDEMi｜收入 MyShare｜收入 Technorati

想更快知道老貓有沒有新文章嗎？

　◎你可以用E-mail訂閱本站新聞，或者
　◎用RSS訂閱（什麼是RSS？）

迴響區（新的依序往下排）

迴響 1 「段落的祕密」忘了加超連結 by cls426 | 2006/0528 [回覆]

建議稍做修正。
=============

加好了，感謝。　　　　　　老貓

迴響 2 【站內延伸閱讀】也沒連結喔 by cls426 | 2006/0531 [回覆]

加上連結比較利於閱讀啦。

迴響 3 by oc | 2006/0603 [回覆]

連好了，連好了。

迴響 4 感謝你的提醒 by 小氣版主 | 2006/0603 [回覆]

我的朋友新架了blog，為了替她尋找教戰守則，又連到這篇文章了。原來這篇文章我也看過呢，雖然忘了是老貓寫的，但是內容都記在心裡。

因為你的提醒，我後來都盡量po短短的文章，並且用空行增加可讀性。總之，感謝前輩的分享。

迴響 5 白底黑字與黑底白字 by Jedi | 2006/0704 [回覆]

關於「白底黑字永遠是易讀性最高的版面」這件事，我想了很多個月。

我想，老貓大概不是每天花 12 小時以上、甚至是 16 小時以上盯著電腦螢幕的人吧；白底黑字對我來說是個容易讓眼睛疲勞的配色，事實上親和力大師 Joe Clark 在《Building Accessibile Websites》一書第三章提到：Many visually-impaired people find dark text on a brilliant white background unbearable.

我就是那種每天都花 12 到 16 小時以上在看電腦螢幕的人（雖然如此，我的雙眼視力仍然保持在 2.0），我自己的工作環境，包含所有的文字編輯器，以及 IM （嗯，我是 IRC guy）通通都調成了黑底白字，對我來說，這纔是減低眼睛疲勞的方法。螢幕畢竟是發光的東西，很刺眼的。

另一方面，其實我使用的黑底白字，並不是真的純白色的字，而應該說是某種淺灰色；原因同前，螢幕上的白色實在是太刺眼了。

迴響 6 by oc | 2006/0704 [回覆]

嗯，這真是個值得討論的題目。

我並沒有認真去找白底黑字的相關例證，不過如果你注意到，大部分（也許是全部）的報紙網頁，不管是紐約時報還是朝日新聞，他們全是白底黑字的。

我相信這些網站會特別注意易讀性的問題，因為他們從紙張時代就對排版、字體、字號，考究得不得了。白底黑字在所有網站裡，占有絕對壓倒性的比例，但即使是如此，這種事情還是不能說人多就是真理，所以，我們來做個螢幕閱讀易讀性實驗如何？

話說回來，我現在這個白底，也不是純白，而是某種接近米色道林紙的米白色。：）

迴響 7 關於白底黑字和黑底白字 by ann | 2006/0714 [回覆]

我是個平面設計工作者，常因為螢幕的顏色準不準，試過多種方法。發現，螢幕刺不刺眼，應該和螢幕周遭的顏色和亮光度有關吧。

在比較亮的環境裡（如7-11商店），用白底黑字比較不累，但在用燈泡色的一般家庭裡，長期看下來就真的很傷眼，黑底白字是不錯的選擇。但一般家庭放電腦的地方，光線其實都還蠻亮的，更別說是公司裡嘍。

電腦螢幕，大都有偏好設定，可選擇米白色的螢幕底。版底選擇用淺粉色如粉黃褐、粉灰.....，顏色越不鮮豔越好（如果有這種選擇），重要的是，不要有花紋，只要單色底，才不會和字體互相干擾。

其實各品牌、型號的螢幕顏色，也都不盡相同，同一種粉黃色，在三種不同牌的螢幕上看起來，有可能會變成米白、粉黃、鉻黃三種不同的色彩，同樣是黑字，閱讀起來就差多了。如果你的讀者是多數的電腦使用者，他們使用著各種不同品牌的螢幕，我想，米白和粉黃底，閱讀起來應該較不費力。

迴響 8 by oc | 2006/0714 [回覆]

嗯，螢幕的麻煩確實如此，有機型問題、老化問題，還有環境色溫問題。

迴響 9 如何建置自己的部落格 by Elaine | 2006/0726 [回覆]

今天無意中發現你的老貓網˙勾起了我年輕時的夢想˙當一個作家˙請教要如何建置一個部落格˙方便教我嗎˙謝謝˙

迴響 10 by oc | 2006/0726 [回覆]

來，試試這些吧，他們免費讓你建立自己的部落格：

無名小站、Yam樂多日誌、Xuite、PChome

迴響 11 未經同意就把老貓賣了 by 珍愛老家具 | 2006/1222 [回覆]

上個禮拜開始每天都抽空來研讀你的大作
於是我開始學習長尾,段落,吸引子....
對於50歲的我真的很吃力
昨天突發奇想就把老貓的秘訣連結在我的部落格
敬請撿視一下給個意見,該留就留,該砍就砍~
珍愛老家具

迴響 12 by oc | 2006/1222 [回覆]

謝謝連結，承蒙欣賞，感謝。您的切入點非常潛力啊。只有個小問題，站內「家具」「傢俱」雜陳，還是統一做家具為宜（抱歉，編輯的壞毛病）。呵呵。

迴響 13 果然是老手! by 珍愛老 | 2006/1222 [回覆]

師父出手果然有味
日語有一句話說:切れ味
也就是說切中主題
刀快所以使刀就很有勁,切起食物來很過癮
感謝囉!繼續加油!

迴響 14 翻譯轉載了本文 by Zechary | 2007/0227 [回覆]

感謝老猫, 很重要的細節, 學到不少, 我翻譯轉載了這篇文章Readability of Blog/Web Publish, 如果老猫覺得不妥, 請知會, 馬上移除

迴響 15 by oc | 2007/0227 [回覆]

譯得不錯啊，看來你正在起步，加油。那個Separate your paragraphs by line，也許改成Separate your paragraphs by blank line好一點。

迴響 16 by 小城綾子 | 2007/0305 [回覆]

我的部落格成立快五個月
不否認很有心要經營
可以請您撥冗看看有哪些是需要改進的嗎？
感謝！

迴響 17 看了多遍，好文依舊值得再三閱讀。 by 熊老闆 | 2007/0412 [回覆]

謝謝分享。