黃金ㄚ球。寶貝 - 【功課】關於ㄚ球寶貝版面的想法

November 26, 2009

【功課】關於ㄚ球寶貝版面的想法

最近為了調整Blog版面花了很多時間，一次一次嘗試、不滿意又重新再改
連球爸都忍不住說我睡眠時間太少了.......
新版面前後總共花了2星期修改，終於在前天定稿，內心非常激動
那時正是午夜時分，如果附近沒有鄰居，我實在很想放鞭炮兼吶喊
關於整體背景，因為我喜歡綠色(有圖為證↓↓)

↑ㄚ球家沙發是草綠色的、海產墊也是綠的

↑ㄚ球的涼床放在綠色沙發後面，當ㄚ球睡覺的牆擋

↑連遮陽簾也是綠色的

↑甚至ㄚ球寶貝的吸水毛巾也是粉綠色的

↑我喜歡看ㄚ球寶貝在綠油油的草地上打滾..

這麼多綠色包圍ㄚ球家，我當然也希望ㄚ球寶貝日誌也是綠色系的
我喜歡綠色變化無窮~
儘管由藍色與黃色混合而成的，卻擁有明確的性格。
綠色光譜的另一端是明亮充滿活力的萊姆綠，另外一端是深沉飽滿的孔雀石綠...
綠色是植物的主色，綠色帶來平靜與愉悅
就像這張照片↓↓

↑令人舒緩的綠配上ㄚ球的笑臉，有說不出的滿足感～

2週測試下來發現粉草綠色很適合當閱讀背景

在為夢想家上色這本書有提到最適合粉刷綠色的地方1.廚房2.圖書室
所以當妳看了ㄚ球寶貝日誌摻了許多照片的圖文，讓妳心神不定的話
這時就需要平靜的底色加以結合
那麼你可以把眼光往左移，ㄚ球家的粉草綠色就是這麼貼心~
如果妳不小心撇到左側BloggerAds廣告正好符合妳的需求，那就一舉兩得囉呵呵!
推薦您~絕妙の部落格配色參考↓↓
http://www.colourlovers.com/blog/2007/07/17/some-summer-color-lovin/

關於連結列的位置：

您跟ㄚ球有一樣的疑問嗎?
關於這點，要先跟長期來ㄚ球的朋友們說聲~不好意思!
當ㄚ球媽確定好背景配色時
發現原來的blog版面在手提電腦&桌上型電腦顯示上有比例差 ←我龜毛!!
依手提電腦版面調整.....桌上型電腦顯示器文章&連結列會重疊
若回頭改桌上型電腦版面...手提電腦的左右版面又會相距太寬 ←整人嘛!!
來回修改文章列&連結列寬度就是改不好
後來把連結列改到左邊，一切問題竟然都解決了~真是神奇的左邊啊!!
早知道就早點放棄右邊，白做好多工喔

雖然ㄚ球媽十分著迷綠色，但在文章區"很客觀地"保留了白底
這是一位有十八年經驗的出版社編輯給部落客撰寫文章的建議
有興趣的朋友可以滾動捲軸閱讀
（老貓學出版：傳統編輯對部落格新手的寫作建議）。

以下就是一個傳統圖書編輯，對部落格寫作形式的五點建議。
前三點是給完全沒有網頁技術能力的人用的，你只要遵守這三點，就可以大幅提升你的文章易讀性。後面兩點則需要一點技術功力，但也只是一點點而已。
五點全部做到，保證讓你的文章更容易閱讀（特別提醒一下：易讀性談的是表現形式，跟內容好壞無關，易讀性改善只是讓讀者容易讀，並不會讓你的文章因此變成傳世經典）。

一、段落短一點，分段多一點
網上閱讀不比紙本書，根據美國的調查顯示，「短的段落最適合閱讀，閱讀率是長段的兩倍」。我自己的經驗是，盡量保持每段中文字在一百字以內，比較容易閱讀。
這件事對許多習慣長篇大論、一個段落動輒四、五百字的人，是嚴重的考驗。強烈建議每個部落格作者，文章發表以後，自己好好看一遍，如果你自己讀來都覺得辛苦，那就不要指望讀者會看得很樂了。
分段問題還有一個小細節，就是有人喜歡用新詩式的分行方式行文，這也不好，詩體的閱讀節奏就是緩慢，散文而走詩體，對易讀性是一大考驗。

二、用空行分段
我們知道紙張書是用段首空格來分段的，但是在網頁上，我發覺最恰當的分段模式是「空行」。你現在正在讀的這篇文章，就是用空行來分段的。而大部分經驗豐富的網路寫手，不約而同也都採用這個方式來分段。這是小事，可是整體影響卻很嚴重，千萬不能輕忽。
更詳細的討論可以看這篇文章：段落的祕密。

三、選模版要注意字級、行距與行長
現在的部落格，不論是申請免費服務的，或者自己找程式安裝架設的，多半都會提供各式各樣的「風格模版」，你應該選一個底色乾淨、字級大小適當、行距與行長協調的模版。
我注意到許多模版的行距都有問題，太窄了，網路閱讀因為眼睛的距離比讀紙張書更遠，理論上行距應該更寬才對，合理的行距需要配合行的長度調節，但至少不應該少於字級大小的50％。
行距的重要性甚至超過字體大小，而適合英文的模版，行距通常不適合中文閱讀，所以這個應該列為一定要修改的項目才好。
另外有些人喜歡把內文字設為灰色，感覺整體看起來很優雅，要小心，你可能是以犧牲易讀性為代價的。文字和底色之間必須要有足夠的彩度或明度對比，灰色字會降低對比，讓閱讀產生困難。

四、別在內文區襯底色或底圖
白底黑字永遠是易讀性最高的版面，別為了耍花樣而在內文區加上底色（非常淺的底色尚可接受）或底圖，那剛好讓你顯得很不專業，又干擾讀者的閱讀。反白字（黑底白字）也不是好設計，如果你不以為然，不妨想想電腦畫面為什麼會從DOS時代的藍底，變成微軟或蘋果視窗的白底。原因不為別的，易讀性正是其中很重要的理由（如果你一定要證據，這裡有一份美國的研究報告可以參考：Interface Design and Optimization of Reading of Continuous Text）。
除非你的目的就是秀版面，而不是秀文字，不然你應該克制在內文區增加花樣的欲望。刊頭是很適合玩花樣，其他地方則不宜。
當然底色通常是模版決定的，所以這一點應該列入模版選擇的參考因素。

五、使用樸素的超連結格式
網頁文件用超連結來延伸閱讀空間，這個特色很有用，但是對易讀性則有傷害，因為正文遇到連結就變色，眼睛讀到那裡就要頓一下，頗有干擾。尤其程式設計還可以讓已訪問和未訪問的連結使用不同顏色，版面更花更不利閱讀。

我採用老貓的建議
將文章區塊花樣底圖拿掉，呈現白底黒字好讓來ㄚ球網誌的朋友們容易閱讀
在行距的部分也拉寬了一點點，讓大家的眼睛舒服一些 ←沒注意到吧!!
當然我清楚，大家來這裡最主要是來看ㄚ球寶貝的照片
無論如何....應該也有少部分人士，有瞄一下ㄚ球媽寫的文字吧

呵呵

↑再來一張2姊妹的照片

最後關於連結列的廣告，放置廣告其實是貪圖廣告圖片漂亮又精美

這是推薦貼紙，是不是很可愛啊~
點擊這郭推薦貼紙加入會員的，ㄚ球家也會有一滴滴(真的是一滴滴)推薦獎金唷
以上是ㄚ球媽修改版面一路走來篳路藍縷的心情紀錄

，很累!也很開心終於定版了!
(註:篳路藍縷意指艱苦創業、自強不息的進取精神)
呀呼))))))) ←我的吶喊~

23推薦此文章推收

Add a Bookmark:

Today's Visitors: 0 Total Visitors: 2140

You can leave comment to this collection

Personal Category: ✿部落格資源 Topic: life / pets / dogs

歷史上的今天:

fantishiang at 無名小站 at 01:00 PM post | Reply(49) | Trackback(0) | Collection(3) | prosecute

[Trackback URL]

1 2 Next

1樓
1樓搶頭香
凹嗚
先搶頭香再說
我愛ㄚ球寶貝^^
fangfan1 at November 26, 2009 01:16 PM comment | prosecute

謝謝你一直以來的愛護^^
Blog Owner at December 1, 2009 12:25 PM Reply

2樓
2樓頸推
ㄚ球媽辛苦了^^
為了調整版面還買書研究
期間也曾經弄掛電腦
(還好有備份...呼~~~)
忙了兩個星期總算大功告成
ㄚ球媽萬歲！(噗)
是說粉草綠色看起來真的很舒服
不會有壓迫是覺得fu說
fangfan1 at November 26, 2009 01:23 PM comment | prosecute

我的心路歷程你最瞭了...累啊><"
Blog Owner at December 1, 2009 12:25 PM Reply

3樓
3樓坐沙發
改的很漂亮耶
視覺上也很舒服喔,很溫馨的感覺!
球媽的文章一向都很好閱讀的呀
看起來乾淨清爽
秀秀 at November 26, 2009 01:28 PM comment

謝謝!謝謝!謝謝啦~
很實質的鼓勵喔^^
Blog Owner at December 1, 2009 12:26 PM Reply

4樓
福樓
真的變的好好看喔..
ALICE at November 26, 2009 01:31 PM comment

謝謝!謝謝!謝謝啦~
很實質的鼓勵喔^^
Blog Owner at December 1, 2009 12:27 PM Reply

5樓
專業的5樓
我要淚奔...一整個感人阿
那麼用心再調整
辛苦你啦
greenteamom at November 26, 2009 01:36 PM comment

改版面實在是太累人了
一定要紀錄下來!!
Blog Owner at December 1, 2009 12:28 PM Reply

6樓
6樓
綠色讓人看起來也比較不容易 "刺目"
丫球麻真的很用心在維護blog ~
(我真是汗顏了)
soniakao1981 at November 26, 2009 01:52 PM comment | prosecute

在我姐姐家的寬螢幕看ㄚ球日誌背景顏色竟然偏黃欸
太奇怪了
所以使用寬螢幕的朋友應該有點刺眼 ^^"
Blog Owner at December 1, 2009 12:29 PM Reply

7樓
7樓
呵呵,辛苦啦!!感謝ㄚ球麻的用心唷!送您一個飛吻,還有騏騏的,接好嘿
^^
melody7291 at November 26, 2009 02:08 PM comment | prosecute

有接到了^^
謝謝蛤~
Blog Owner at December 1, 2009 12:30 PM Reply

8樓
8樓
辛苦你了~
那麼用心~偶有仔細看你的文字哦~
不是只有看丫球&寶貝~哈
加油~
大俠麻迷 at November 26, 2009 02:11 PM comment |

很實質的鼓勵喔^^
謝謝!謝謝!謝謝啦~
Blog Owner at December 1, 2009 12:31 PM Reply

9樓
9樓
我也喜歡綠色耶...
zoehsien at November 26, 2009 02:18 PM comment | prosecute

那太好了^^
Blog Owner at December 1, 2009 12:31 PM Reply

10樓
10樓
我也喜歡綠色，很鮮明..心情也很好。
球媽，第二張的阿球看起來也是淡黃綠色的，你再仔細瞧瞧!!!
at November 26, 2009 02:27 PM comment

難道是修片修得太過頭了..
我記得我只有把他的肉肉修掉而已啊
呵呵!~
Blog Owner at December 1, 2009 12:32 PM Reply

11樓
11樓
阿球媽我有看字蛤

哈哈哈哈是說那個成語第一個字我就不會念了

哈哈哈哈
blue223224 at November 26, 2009 02:28 PM comment

哎呀呀~不會唸就含混過去就好啦^^
Blog Owner at December 1, 2009 12:34 PM Reply

12樓
12樓
我都有仔細看阿球媽寫的文喔~~~
每次來看都會不小心噗ㄘ的笑出來然後讓老闆娘或同事聽到= ="

這篇文放的照片阿球媽有精心挑選過吼~~~
每一張的阿球寶貝都超超超超超超超超超超可愛的啦~~~~~~!!!
尤其是第一張!!!
要是放在電腦桌面當桌布
每天一早開機，心情一定好到下班的啦~~~~~

話說
要是去花蓮玩啊
ㄚ球媽的家超好認的啦
只要有看到那綠綠的遮陽棚就對了啦!!!
還有啊
ㄚ球媽
妳的眼光讚耶!!
把家中裡裡外外都擺的好適好適(台語)呢~~~
我很喜歡~~~>///<

ps.之前有看過網友敎大家把電腦螢幕的底色設定成淡綠色，不管開哪裡的網頁，頁底
的顏色也都會是淡綠色的，因為淡綠色能讓常看電腦的人比較不容易眼睛疲勞喔~~~
我看完馬上就設定了，但是忘了怎麼用^^"，等我找到方法後就來跟您報告吼~~~因
為ㄚ球媽看電腦的時間比我多呀~~~
ying054 at November 26, 2009 02:50 PM comment | prosecute