我對於網頁設計一向沒什麼天分,所以當初在Blogger建立帳號的時候,就直接從官方給的幾個布景當中選一個,幾年來用得也很習慣了。
不過最近因為自己換電腦的緣故,這才發現原來的布景有個致命傷:寬度不足。原先的布景是為了能在800 x 600的螢幕上顯示的,所以寬度很窄。而且版型又有美觀上的考量,所以兩邊都有留白,主體寬度僅剩700 px,側欄又佔掉150 px,結果文章的寬度只剩下430 px。以我自己的螢幕為例 (1920 x 1080),文章的430 px只有螢幕寬度的40%!換言之,兩邊留下大量的空白,眼睛只能在很小的範圍中移動,看起來很不舒服,所以我告訴自己:該換布景了。
首先要確定的是,現在螢幕解析度還使用800 x 600的人有多少,我查了w3schools的統計,發現大約是1%。1024 x 768的人約20%,剩下的76%都是更高的解析度(3%未知)。因此我希望布景能在1024 x 768的螢幕上正常顯示,而不需要來回拖動捲軸。
其次,我想維持原有的布景主題,畢竟布景就像人的外表一樣,是一種容易辨認的標誌。不過在研究過舊的布景之後我就放棄了。因為舊布景的寬度是固定的,包括背景圖片的寬度也是(有些布景在設計之初就考量不同寬度,所以比例尺是相對而非絕對的)。我當然可以將背景圖片等比例放大,不過這樣一來又面臨對齊的問題。我是一個懶惰蟲,所以這回還是從Blogger所提供的布景中選了一個,稍做修改就直接套用了。原本我希望header的方塊能夠做圓角,不過要修改還需要花點時間,以後等有空再來做吧!目前先這樣,也請大家給我意見。 ^^
【備註】
如果瀏覽網頁的時候,常常覺得字太小很難閱讀,可以將文字放大。IE 7.0以後就支援手動放大。我自己常用的Firefox,則是加裝了NoSquint,可以記憶各個網站的不同放大比例。Chrome也可以自訂,或用AutoZoom。Opera的話就更方便了,因為瀏覽器本身的放大功能就很好用。(話說現在的螢幕越來越大,怎麼文字卻越來越小呢 @_@?)