星期六, 六月 25, 2005
大幅修改 Modish 主題
因為總是長時間閱讀網頁,因此漸漸的喜歡上黑底白字的網頁。
這種風格的網頁,雖然看起來有點詭異、雖然老貓以專業編輯的角度認為易讀性較差,但我的經驗是,長時間閱讀時眼睛較舒服。
在 pLog 的內附的主題中,有一個 Modish 主題較符合我的需求,又不會過於花俏,因此我選用它做為自己網誌的主題。
不過問題來了,Modish 主題少了很多功能,沒有文章已閱讀統計、沒有最新迴響、沒有各類目的文章篇數統計……。所以祇好自己動手修改了。
修改時,順手將 Modish 中的文字設定都做了一些改變。我從以前就深深痛恨網頁將文字大小鎖死,尤其對岸的網頁總是寫成 9pt 大小,喔,天,我這 1.0 的視力讀起來都很痛苦,更何況其他視力不佳的閱讀者。所以,修改 Modish 時,我參考老貓的建議,儘量將主題修訂的更有易讀性。
我做的修正包括將所有字型大小都設定為相對比例,比方說標題是內文的 130%、行高是內文的 160% 等。如此一來,不論是使用 Firefox / IE、不管使用的螢幕解析度是 640*480 / 800*600 / 1024*768 / 1280*1024,呈現的效果都差不多。而且使用者可以自行切換自己喜好的文字大小!!修改後主題惟一違反的易讀性原則的大概就是背景與前景顏色了。
如果你對我修正的 Modish 主題有興趣,請點此下載。
延伸閱讀:
訪客留言
眼睛舒服當然很重要,不過如果有空的話,倒可以看一下美國人的研究:
Interface Design and Optimization of Reading of Continuous Text
相信你會有不同的想法。
嗯,又是一個科展題目……:p
慧君,讀過老貓建議閱讀的網頁後,我想到一個科展的題目了!!:)
在 Polarity 那一段有提到:
However, the effects of polarity are controversial (Pawlak, 1986; Taylor & Rupp, 1987). A definite disadvantage of positive polarity is an increase in the risk of perceived flicker, though this problem can be overcome with a sufficiently high refresh rate.
也就是說黑底白字或白底黑字哪個好,其實還有爭論的。我是覺得多數人無法一開始就接受黑底白字可能是習慣的問題,就像我剛開始看到黑底白字的網頁也是頗不喜歡。但看久了、習慣了,反而愛上這樣的網頁。
而 positive polarity 的呈現方式可能是因為接近多數人平時閱讀的習慣,所以才能勝出。
不過,如果受過一段訓練,使其能接受黑底白字呢?可以做做看喔。:p
分個四組來做實驗。對象就……妳的聯課活動學生吧!!:)
老貓的回應
老貓又給了一些建議,有興趣的人可以看一看喔!!
http://b-oo-k.net/blog/post/1/150#1869
白底黑字與黑底白字相差了 28% 的理解力,真的沒辦法克服嗎?也許受限於大腦的辨識機制了吧……實在是有趣的東西。
對了,剛剛發現老貓在文章中有提到,他將他的網頁行高設定為 1.6,嗯,與我設定的 160% 是一樣的嘛!!是巧合?或是說這是一個黃金比例?讓我們都覺得看起來較舒服?
氣氣氣氣氣死我了
剛剛打很久結果都不見了...氣死我了...
好啦,我剛剛是說,這個是可以用來做科展啦,
就找4個電腦班級來做問卷
不過前提是說
要製作內容一樣的網頁
只是前景背景色互換
或是間距大小不同而已
這個不一定可以登科展的大雅之堂,
不過倒是可以當一個調查的趣味小品啦
而且,我有另一個科展的主題喔
是和樺斑蝶有關的喔
不過喔...今年真的有時間做科展嗎...我很懷疑.....
你...有要做吧..."_"


