《飛毛設計工作室》

在台灣很多人寫Blog、很多人玩Blog，
但是有多少人注意到，部落格也像人一樣，要美美的才能上得了檯面呢？
除去非常技術、需要動腦改樣式表或程式的部份不談(這已經屬於怎麼玩Blog的範疇了)，
我們來看看如何簡單輕鬆地讓部落格有美感吧！

對於使用BSP服務的朋友來說，讓部落格具有一定的美感其實非常簡單，
只要選定任一個系統提供的版面套用，美感的呈現就已經完成50%；
另外的50%，則需考慮到邊欄(sidebar)配置及套用後的版面呈現了。

使用Blog程式自行架設的朋友，由於版面可以自由更換，
在自由度提高之下，版面的簡潔與整體易讀性便顯得格外重要。
以下即針對版型、主文區、邊欄(sidebar)及頁首頁尾等部份個別說明。

一、版型

前面說過，使用BSP服務的朋友，選對一個風格版型，就可以讓部落格的美感呈現50%；
使用Blog程式自行架設的朋友，版型的選擇與更動自由度更高，
選擇易讀性高的版面便成為首要之務。以下歸納幾點選擇與套用版型的注意重點：

配色簡單

一般來說，整個版型的顏色最好不要多過三種。
也就是說，部落格標題一種顏色，邊欄區一種顏色，主文區一種顏色；
多過三種顏色，就會使閱讀者的眼睛產生不適感。
當然，配色越簡單，閱讀者越容易聚焦在主文區喔！

底圖不要太大

使用BSP服務套用版型的朋友，會有很多機會選到有底圖的版型，
如果底圖整個佔滿，一方面干擾閱讀，再來會造成眼睛不適。
所以如果選有底圖的版型，底圖的位置以不蓋到主文區為主。

邊欄欄位可自行調整

邊欄欄位需要自行調整的原因，在於部落格的主人要把哪些重要資訊提供出來，
藉由調整邊欄欄位的動作，一方面讓版面更加美化，增加易讀性，
另一方面也有宣傳部落格的好處。


二、主文區

這個地方是美感的另一個關鍵，主要以易讀性為考量。
根據資深編輯老貓所提的易讀性五大建議、網路上流傳的Blog七大設計趨勢，加上個人意見，
針對主文區部份整理如下：

從標題就把文章分類

部落格本身就有把文章分類的機制，不過那是屬於分大類的作法。
雖然有很多Blog套件或BSP服務支援文章多重分類，
但在大多數的BSP服務中仍以一階的分類佔大宗，所以在文章標題前加上分類是有其必要性的。

段落要短，分段可多可少

網路上的閱讀與閱讀紙本書是不一樣的，一般人眼睛解析網頁段落的極限與容忍度偏低，
在閱讀段落太長的網路小說或Blog文章時會產生生理或心理的不適，
所以在主文區盡量採取段落短、分段多的作法，對減輕不適感、增加易讀性有很大的幫助。

主文區別襯底色或底圖

老貓指出白底黑字永遠是易讀性最高的版面，個人認為是白底黑字有容易聚焦的效果，
不會干擾閱讀，減低繼續看下去的意願。

以空行分段

紙本書分段都是以段首空格方式分段，但是網頁文章(包括Blog)在內，
空行分段是看起來最舒服，也最沒有壓力的方式。

選擇最適當的字級、字距、行距與行長

閱讀網頁文章(包括Blog)在內，行距或字距太窄對眼睛會產生不適感，
行長太長會讓讀者一直使用Scroll bar移動，喪失便利性；
字級太小或字體顏色對比太小，會增加眼睛不適的機率，易讀性也下降。


三、邊欄(sidebar)

一般朋友會在部落格的邊欄放置很多資訊，
包括：自我介紹、站內消息、文章分類、最新文章、行事曆、
留言板、部落格寵物、Flickr相簿、Blog聯播文章等等，
有些相對重要的資訊其實就可以把它收在部落格標題或Banner下方，
一方面使版面看起來更為簡潔清爽，再來也不會讓邊欄過長，喪失版面的易讀性。

選擇單邊欄(兩欄式版面)或雙邊欄(三欄式版面)也是一種學問。
有部份朋友選擇雙邊欄的原因是他／她想釋出的訊息太多；
如果選擇單邊欄會造成頁面過長，影響整體的易讀性，
選擇雙邊欄或許好一點，但是不免也會落入訊息越放越多的窘境中。


四、頁首／尾

這部份包括部落格標題、Banner、頁尾宣告等等。
在前面有提到，有相關重要資訊可以放在頁首，
特別是在部落格標題或Banner下方，還有一個目的是聚集焦點。

Banner的放置也是一大學問，除了一般正常尺寸的468*80 pixel外，
為數眾多的朋友把他們生活中的精采照片也加工變成Banner。
特別需要注意的是，這種加工後的Banner雖然具有個人風格，
但因為不是標準大小，在放置時需要更動樣式表設計，對剛接觸Blog的新朋友是不建議使用的。

部落格在台灣紅紅火火，每天新出現的部落格不知道有多少，
如何讓自己的部落格能吸引更多的眼球(eyeball)，是每個部落格主人的努力目標。
有個美美的外表，再搭配充實的內容，相信你也會成為有人氣、有名氣的部落格主人喔！



轉貼處→ http://www.askareiko.com/archives/000589.php (愛麗絲夢遊部落格仙境)