網路城邦
上一篇 回創作列表 下一篇   字體:
【BLOG技術室】來解剖部落格教母部落版面
2011/02/15 20:04:04瀏覽1180|回應3|推薦21

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

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

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


【上下分割法】

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

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



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

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

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


【並置重複】

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

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


【左右與上下分割】

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

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


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

一、段落要短,分段要多

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

二、多用空行分段

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

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

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

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

 四、底圖或底色勿過深

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


 
本影音連結至網路分享

 
( 知識學習其他 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=zdzo&aid=4693309

 回應文章

程如晞
等級:8
留言加入好友
好透徹的解剖
2011/02/21 22:15

Wow~

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

看了大呼 太神了!

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


東哥(沉浸在幸福裡!)(zdzo) 於 2011-02-21 22:55 回覆:


謝謝程老師的鼓勵
我只看見皮毛而已
您深藏的功力
可以一點都沒有
將您發掘出來歐!

朱晉杰
等級:8
留言加入好友
達人
2011/02/16 14:32

東哥真的是達人耶

剖析地如此清楚

並且非常精闢的整理

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


歡迎蒞臨由朱晉杰老師經營的部落格─杰師悟理
東哥(沉浸在幸福裡!)(zdzo) 於 2011-02-17 22:53 回覆:
謝謝班長的鼓勵!  
有你真好!

菉菉
等級:8
留言加入好友
^_^
2011/02/15 21:07

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

沒想到我居然出現了耶

>______<

謝謝東哥對甄甄的祝福

他一定會好起來的

大感謝

元宵快樂唷





另一個小窩:一股清流出版社http://blog.udn.com/GREEN2
東哥(沉浸在幸福裡!)(zdzo) 於 2011-02-17 22:50 回覆:

v謝謝您,鹿港的同鄉!