建站常识

基于"内容与形式分离"原则

2007-06-09 15:12:00

按此在新窗口浏览图片

今天要介绍的这个网站，乍一看去，和传统表格排版方式设计出的酷站基本没什么区别，用近乎满屏的图片作为背景，LOGO和菜单虽然被安排在页面最下方，但因为使用了黑色背景，仍然比较醒目。虽然整体设计不错，但似乎CSS的发挥空间并不大。。且慢！这排图标是什么用途的？

按此在新窗口浏览图片

点点看，原来其中别有洞天。网站一共设计了4款皮肤，可以通过这排图标（相当于缩略图）动态切换。让我们一起欣赏一下另外三款风格迥异的设计吧：

按此在新窗口浏览图片

这种可换肤的设计，赋予了用户更多的选择权，增强了用户体验。就像WinAMP的流行，可自由选择的多样化皮肤无疑是其一大亮点。基于WEB标准的“内容与形式分离”原则，通过调用不同的CSS文件，使换肤可以轻松实现。任何事都需要把握一个“度”的问题。如果过度使用，也可能影响网站风格的确立，当用户从网站中退出后，也许只记得换肤功能，而忘记了主色调等确立网站风格的重要元素；或者模糊焦点，用户在对换肤功能爱不释手的同时，反而忘记了访问网站的主要目的。如果你想在网站设计时引入可更换皮肤的机制，建议在确保网站基本风格不变的前提下，再提供给用户一定的选择空间~~

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

上一篇：谈网站设计的10个要点

下一篇：网站知名从建站开始海外风