~來解剖部落格教母部落版面~
很多同學都在努力的部落格! 但是在美化部落格的版面以後,總覺得還是有點空洞! 總覺得少了什麼?
這就要來看看我們部落格教母程如晞老師的版面,看看如何利用圖文的版面配置,來提高文章的可看性!
【上下分割法】
利用圖片將整個版面分為上下,讓圖文產生區塊與排列感,尤其搶眼的圖片,可以強調出文章的主題。
標題、圖片上下分割,用圖片來增添標題的美意!
【善用框架,產生圖塊分割】
若是文章字數很多的話,又缺少圖片的狀況,我們可以利用框架來將不同段落的文字區隔開來,可以美化與變化文章。
文字框加上圖片,這PO文就更顯得趣味與變化了!
【並置重複】
多張不同圖片可以組合成為一個有規則次序的圖樣! 在不規則中創造規則性!
利用文字與大圖與小圖排列來表達出多樣變化的訊息!
【左右與上下分割】
來點更有變化的圖文排列,用圖片來說明與稱托文章,更添加文章的可讀性。
底下是菉菉老師的文章,她的文章編排一向是我所鍾愛與學習的,底下利用分欄和分隔線讓原本單調的畫面,頓然雀躍了起來!
底下再提供一些網路上大家常提到的觀念,希望對大家的版面美化上有所幫助!
一、段落要短,分段要多
「短的段落比較適合閱讀!」,每段中文字在一百字以內,有助於閱讀。
二、多用空行分段
在網頁上,用空行來分段閱讀性較高。
三、選用模版要乾淨、字體適合閱讀
底色乾淨的模板,字體、行距大小適當,讓讀者易於閱讀,尤其行距大約應該高於字體大小的50%。
文字和底色之間必須要有足夠的彩度或明度對比,讓閱讀較為容易,底色和字體顏色過於接近,容易造成閱讀的混淆。
四、底圖或底色勿過深
- 3樓. 程如晞2011/02/21 22:15好透徹的解剖
Wow~
我自己沒辦法這麼解剖自己
看了大呼 太神了!
以後我可以用這篇來作教學
- 2樓. 朱晉杰2011/02/16 14:32達人
東哥真的是達人耶
剖析地如此清楚
並且非常精闢的整理
相信對於有志於好好鑽研部落格版面的人來說真的是一大福音耶
歡迎蒞臨由朱晉杰老師經營的部落格─杰師悟理
謝謝班長的鼓勵!有你真好!東哥(沉浸在幸福裡!) 於 2011/02/17 22:53回覆 - 1樓. 菉菉2011/02/15 21:07^_^
謝謝鹿港同鄉東哥的介紹呀
沒想到我居然出現了耶
>______<
謝謝東哥對甄甄的祝福
他一定會好起來的
大感謝
元宵快樂唷
另一個小窩:一股清流出版社http://blog.udn.com/GREEN2