Related Posts with Thumbnails
[摘要]
一直以來很留心部落格設計的相關事項,特別是版面一事兔爸一直很想找個研究的方法來找出較佳的排列方式,在兔爸爸上篇有關版面的文章部落格之版面行不行
,只敢提出以網頁速度為版面設計考量,主要原因是畢竟版頁的排列是個人觀感的問題,而不需要受到規範上的限制,所以兔爸一直不敢寫相關的文章,直到看到Jas9 Taipei--大部落格的設計元素小解讀,才驗證了自己的想法!

部落格的版形除了美觀易懂,擺設物件更是影響部落格人氣的重大因素,為什麼兔爸爸會這麼說,請先觀看這段文字,食夢黑貘曾說過一句名言『大家最想知道的是如何提升(部落格觀察)排行呢?最實際的答案是努力的寫,而寫的文章雖然有所謂容易提升排行的方法,但最重要的是還是忠於自己;但除外就是盡量跟其他Blogger互動,無論是留言、輪播、掛連結,抱持著互助互利的心態,就很快可以提升。』

以上文字引用 探索部落圈影響力的「部落格觀察」計畫



無論(1)掛連結(2)輪播(3)或是與其他部落格互動,都是靠有限的版面來操控,因此如何在精華的部落格可視範圍內(開啟畫面後,下拉2-3次滾輪),將這些互動連結都放入,這就是版面設計主要的意義了!

Jas9 Taipei--大部落格的設計元素小解讀一文中提出在前50大的部落格中統計出的數據:
  1. 58% 的知名部落格採用多欄位的版型(通常為三欄式)
  2. 94% 為置中版型
  3. 92% 採用固定(像素/px)而非彈性比例的欄寬尺寸
  4. 56% 的欄寬介於951px~1000px之間
  5. 58% 的主欄位用於顯示部落格的主要內文
  6. 90% 使用CSS(而非Table-based layout)
  7. 98% 使用淺色背景(主要為白色)搭配深色內文文字(主要為黑)
  8. 內文行高在80~100字元
  9. 90% 使用Verdana、Lucida Grande、Arial與Georgia作為內文字型
  10. 78% 使用12px與14px作為內文字級
  11. 56% 使用Arial與Georgia當作標題字型
  12. 使用17px與25px作為標題字級
在1及5中清楚的指出,58%的部落格會使用58%的版面空間來放置主文,那麼剩下42%用在那兒?!我想您猜出來了,沒錯!就是用在兔爸上述說明的
互動連結.

兔爸東拉西扯的引文就是希望告訴大家,版面和部落格人氣有絕對的關係,除了網路速度外,版面應用的有效設計更是重要!因為我們得在精華版頁中放入(1)廣告(不一定存在)(2)內文(3)對外的連結,特別是在對外的連結,因為這是影響外交能力的部份!,而怎麼去選擇及經營輔助工具上的朋友,就要看個人所花的心思!

註1.網路速度:若把版面拉過長或過大,都會影響網頁讀取速度,沒人期待讀一個滑鼠要滾個15-20次才見底的部落格吧!(如果格主有他的考量在除外!)

註2.要達到42%連結版面多半需要用到三欄式的架構!

[標籤]
版面設計 頁面 部落格 人氣 互動連結

Posted by gino0406 at 痞客邦 PIXNET Comments(17) Trackback(0) Hits(1721)


open trackbacks list Trackbacks (0)

Comments (17)

Post Comment
  • 兔爸爸.發文速度真快
    關於版面.聽說外掛物件太多瀏覽網頁速度會變慢...
    兔爸爸很用心經營!
  • 謝謝你的稱讚喔!
    確實頁面越短越好,外掛越少越好!
    好多愛麗絲!好怕弄混你們喔!

    gino0406replied on 2008/07/26 22:56

  • 你的近期文章都沒列出來,而且沒有月曆

    以前的文章怎麼找呢?
  • 謝謝糖姐的指導,兔爸會放上日曆!
    近期文章只能有5篇,也就是版面上的五篇!
    故兔爸沒擺近期文章喔!

    gino0406replied on 2008/07/26 23:14

  • 我剛剛算我的部落格首頁
    要滾20次才會見底XD
  • 阿!對不起!兔爸沒特別的意思!
    當然格主有他的考量在!
    這句趕緊加上去文章內!
    謝謝MORRIS的提醒!

    gino0406replied on 2008/07/26 22:59

  • 兔爸 請問如何加上語言切換的功能
    乾蝦^^
  • 這個已有專人教學了喔!
    是google的服務連結一下就好了
    多國語言翻譯
    網址http://blog.pixnet.net/jameshung2006/post/20020324

    gino0406replied on 2008/07/26 23:03

  • 我要滾個12、13次才見底哩~~兔爸的發文速度真的是很快耶..佩服兔爸每天發3、4篇文的功力!!
  • 利用假日寫的!平常也沒空寫呀!^^
    大頭近來好嗎?!兔爸等等過去你那坐坐!

    gino0406replied on 2008/07/26 23:16

  • 八字算命

    我也來推薦一個免費的八字算命網站, 輸入西元生日後, 有以下功能:

    1. 排八字命盤
    2. 分析五行比例
    3. 建議用神
    4. 性格分析
    5. 一生所有流年分析
    6. 國寶級八字大師韋千里八字提要一書對此命的批注
    7. 窮通寶鑑一書對此命的批注
    8. 八字合婚
    9. 未來一周運勢分析

    網址在: http://www.8words.tw
  • 謝謝你喔!

    gino0406replied on 2008/07/27 07:56

  • 這篇好棒
    我也曾經去過一個部落格
    因為兩排全都動畫框框跟一堆小玩意
    導致網頁開的很慢很慢而且快當掉了感覺
    真會讓人倒退兩步阿
  • ^^大家都有這樣的經驗哩!

    gino0406replied on 2008/07/27 07:57

  • 兔爸也更換了版面呢~

    其實版版的Loading速度真是不可以慢啊,將心比己,雪雪有時到一些部落去,看到要Loading良久才看到文章,真是不會太有耐性去等呢~
  • 雪雪好久不見!
    是阿!連到會當機的部落格更是讓人心煩哩!

    gino0406replied on 2008/07/27 07:59

  • 謝謝兔爸爸,有日曆比較能知道你幾時有貼文,待我慢慢爬文。
  • 謝謝糖姐!這一來兔爸的版面更完整了!

    gino0406replied on 2008/07/27 08:00

  • 我比較喜歡簡約風格
    有時開一些等很久才開得起來的 blog 還會耍任性的直接關掉不看了 = ="

    不過如果能為格友帶來些連結效果
    我是很樂意的
    只是會從別人連到我那兒的機率 比較高~ 呵~
  • 找到大家喜歡的排版比較容易引起大家的喜愛!

    gino0406replied on 2008/07/27 19:10

  • 版型的部份我最在乎的也是網頁開啟速度
    任何開啟時間過慢的小元件
    MESON 一定於第一時間移除
    感謝免爸精闢的分享
  • ^^也謝謝你的來訪喔!
    這是大多數使用者的想法!
    寫出來給大家參考看看!

    gino0406replied on 2008/07/27 19:07

  • 兔爸說得好阿=D

    有沒有榮幸交換連結一下呢?
  • 當然好!凱特大姐哩!
    不過您所說的是指文字交換還是小LOGO的交換哩!

    gino0406replied on 2008/07/28 01:08

  • 獲益良多,感謝分享
  • 謝謝你的支持及拜訪喔!

    gino0406replied on 2008/07/27 18:53

  • HI.免爸
    MESON今天發現MESON手扎的Google PageRank 值竟然由3提升到4了也..MESON的心得是多多和大型的BLOGGER交換首頁連結真的會很有幫助喔
    因此可以建一篇交換首頁連結的說明文..
    可以參考MEOSN這一篇
    http://blog.yam.com/meson/article/15594486
  • 謝謝梅森,兔爸最近也在想這件事!
    預算先將版頁排好就進行這件事喔!

    gino0406replied on 2008/07/28 00:31

  • 兔爸你有logo哦?

    你的半天文怎麼這麼快就刪了阿
  • 還沒設計LOGO說!不過看來應該設計一個!謝謝你的留言喔!

    喔喔!半天文是給留言的人看阿!他既然看過了就可以刪掉了呀!

    gino0406replied on 2008/07/28 15:14

  • 其實我很早就有這種認知

    而我最喜歡的是三欄式而且可以修改的css

    因為三欄可以有效利用空間(放很多語法 連結等->我就愛玩這些啊)

    又不至於將網頁拉得太長

    我希望字不要太小 

    最討厭低於十級的字

    所以害我沒什麼版型可以選

    不是圖很美但背景太黑看久了會眼痠
    (沒辦法 我文章偏長 自己又常看)

    就是字太小我覺得快要脫窗
    (非常介意字體大小的問題)


    總之我是個很挑版型的人

    所以最近又想自己設計一個算了!
    (但我懶...嘆 沒辦法是電腦白癡
    想自訂css全是因為個人龜毛)


    總之...我話很多

    哈!
  • ^^我很喜歡你的看法喔!可以表現每個人不同的欣賞風格!這樣的特性會顯示在自己的部落格上喔!

    CSS架版頁可以學一學喔!寫網頁很好用哩!

    gino0406replied on 2008/07/29 10:28

  • 重點就是
    不要掛太多會干擾逛blogㄉ東西
    不要掛會讓blog開很久才會出現ㄉ東西
    人ㄉ耐性只有六秒= =
  • 是的!盡可能的讓開網頁速度提高^^

    gino0406replied on 2008/07/29 22:08

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment