Contents ...
udn網路城邦
【BLOG技術室】來解剖部落格教母部落版面
2011/02/15 20:04
瀏覽969
迴響3
推薦21
引用0

~來解剖部落格教母部落版面~

很多同學都在努力的部落格! 但是在美化部落格的版面以後,總覺得還是有點空洞! 總覺得少了什麼?

這就要來看看我們部落格教母程如晞老師的版面,看看如何利用圖文的版面配置,來提高文章的可看性!


【上下分割法】

利用圖片將整個版面分為上下,讓圖文產生區塊與排列感,尤其搶眼的圖片,可以強調出文章的主題。

標題、圖片上下分割,用圖片來增添標題的美意!



【善用框架,產生圖塊分割】

若是文章字數很多的話,又缺少圖片的狀況,我們可以利用框架來將不同段落的文字區隔開來,可以美化與變化文章。

文字框加上圖片,這PO文就更顯得趣味與變化了!


【並置重複】

多張不同圖片可以組合成為一個有規則次序的圖樣!  在不規則中創造規則性!

利用文字與大圖與小圖排列來表達出多樣變化的訊息!


【左右與上下分割】

來點更有變化的圖文排列,用圖片來說明與稱托文章,更添加文章的可讀性。

底下是菉菉老師的文章,她的文章編排一向是我所鍾愛與學習的,底下利用分欄和分隔線讓原本單調的畫面,頓然雀躍了起來!


底下再提供一些網路上大家常提到的觀念,希望對大家的版面美化上有所幫助!

一、段落要短,分段要多

「短的段落比較適合閱讀!」,每段中文字在一百字以內,有助於閱讀。

二、多用空行分段

在網頁上,用空行來分段閱讀性較高。

三、選用模版要乾淨、字體適合閱讀

底色乾淨的模板,字體、行距大小適當,讓讀者易於閱讀,尤其
行距大約應該高於字體大小的50%。

文字和底色之間必須要有足夠的彩度或明度對比,讓閱讀較為容易,底色和字體顏色過於接近,容易造成閱讀的混淆。

 四、底圖或底色勿過深

白底黑字永遠是易讀性最高的版面,加入過於花俏的底圖,易讓閱讀產生困難。


 
本影音連結至網路分享

 
有誰推薦more
迴響(3) :
3樓. 程如晞
2011/02/21 22:15
好透徹的解剖

Wow~

我自己沒辦法這麼解剖自己

看了大呼 太神了!

以後我可以用這篇來作教學  



謝謝程老師的鼓勵
我只看見皮毛而已
您深藏的功力
可以一點都沒有
將您發掘出來歐!
東哥(沉浸在幸福裡!)2011/02/21 22:55回覆
2樓. 朱晉杰
2011/02/16 14:32
達人

東哥真的是達人耶

剖析地如此清楚

並且非常精闢的整理

相信對於有志於好好鑽研部落格版面的人來說真的是一大福音耶


歡迎蒞臨由朱晉杰老師經營的部落格─杰師悟理
謝謝班長的鼓勵!  
有你真好!
東哥(沉浸在幸福裡!)2011/02/17 22:53回覆
1樓. 菉菉
2011/02/15 21:07
^_^

謝謝鹿港同鄉東哥的介紹呀

沒想到我居然出現了耶

>______<

謝謝東哥對甄甄的祝福

他一定會好起來的

大感謝

元宵快樂唷





另一個小窩:一股清流出版社http://blog.udn.com/GREEN2

v謝謝您,鹿港的同鄉!

東哥(沉浸在幸福裡!)2011/02/17 22:50回覆
發表迴響

會員登入