基于"內容與形式分離"原則 - 網頁設計

http://webdesign.zoapcon.com

今天要介紹的這個網站，乍一看去，和傳統表格排版方式設計出的酷站基本沒什么區別，用近乎滿屏的圖片作為背景，LOGO和菜單雖然被安排在頁面最下方，但因為使用了黑色背景，仍然比較醒目。雖然整體設計不錯，但似乎CSS的發揮空間并不大。。且慢！這排圖標是什么用途的？

點點看，原來其中別有洞天。網站一共設計了4款皮膚，可以通過這排圖標（相當于縮略圖）動態切換。讓我們一起欣賞一下另外三款風格迥異的設計吧：

這種可換膚的設計，賦予了用戶更多的選擇權，增強了用戶體驗。就像WinAMP的流行，可自由選擇的多樣化皮膚無疑是其一大亮點。基于WEB標準的“內容與形式分離”原則，通過調用不同的CSS文件，使換膚可以輕松實現。任何事都需要把握一個“度”的問題。如果過度使用，也可能影響網站風格的確立，當用戶從網站中退出后，也許只記得換膚功能，而忘記了主色調等確立網站風格的重要元素；或者模糊焦點，用戶在對換膚功能愛不釋手的同時，反而忘記了訪問網站的主要目的。如果你想在網站設計時引入可更換皮膚的機制，建議在確保網站基本風格不變的前提下，再提供給用戶一定的選擇空間~~

網站地址：http://www.reservoir34.com/

TAG: 網頁設計 | web design |