首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 网页理论 > 正文
基于"内容与形式分离"原则
来源:视觉中国 2007年06月09日 15:12 网友评论:0条 点击:

按此在新窗口浏览图片

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

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

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

上一篇:谈网站设计的10个要点   下一篇:网站知名从建站开始 海外风
收藏此页】【打印】【关闭
 相关文章  我要点评

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】