設計網頁容易,要設計得好卻很難。我的美感不夠好,每當需要新的樣版的時候, oswd 或是 css Zen Garden 上面眾多前輩設計出來的精美頁面,總是能夠給人帶來靈感。
通常固定的頁頭 (header) 和頁尾 (footer),加上一個導覽列 (navigation bar),配合兩欄或單欄式的版面,只要配色不要太離譜,就能夠做出一個四平八穩的版面。比如 Simple Beauty 和 Cloudy Water Sports 就是這樣,只用了一張漸層背景圖,就很受歡迎。當然,就算是一個如此簡單的頁面,配色在任何情況都是很重要的,還有要讓文字對比夠大,尤其是內文較小的字體。
四平八穩的版面可以透過在方塊內加入圖片來美化,只要圖片和頁面配色合得來,頁面的效果會加強很多。最常見的就是在頁頭加上背景圖片。個人認為 Sundark 這部分做的很巧妙。再來就是在邊框用陰影和圓角圖片,像是 No. 897 就把這兩者巧妙配合直角,做出很協調的感覺。更進一步就是用其他花樣來修飾這些邊邊角角,在 oswd 裡面, Touching 是少數這樣做的。 Simple Life 和其他則是用圖片角落的造形,減少邊緣突出的感覺,或許更需要美感吧。
古人有言:「道可道,非常道。」 css Zen Garden 上面很多設計,幾乎已經不是可以用言語描述的了,希望我能早些參透其中的「禪」啊!