栏目导航
热点推荐
- 15 个第三方Web 表单资源
- 美之鉴 – 女人与Web设计
- 网站设计中用户体验较差的十五个
- 15个免费高质量XHTML+CSS网站模
- Web设计师如何应对客户要求
- 10个WEB设计戒律 和 10个设计师
- 购物网站网页设计中应避免的12种
- 心得:做模板注意事项
- 交互设计的事件分类
- 40个富有创造性的网页头部设计
- 网站用户体验设计:页面间的跳转
- 设计理论杂谈:设计师的耐性
阅览排行
网页页面适应不同客户端浏览器和分辨率
www.jz123.cn 2009-04-09 来源: 一叶千鸟 责任编辑(袁袁) 我要投递新闻
上回 说到“大屏幕浏览页面的良好体验,本就应该用户自己调整窗口。”
根据屏幕不同大小,缩小窗口出横向滚动条在所难免,但理想情况下,页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况:版面自适应、视觉自适应、内容自适应。
在windows系统任务栏空白处单击右键,有如下图的菜单,分别提供有“横向平铺窗口、纵向平铺窗口”的功能,根据激活窗口个数按需切分屏幕。如果没记错的话,自win2000就已经用了,更早没试过。虽然那会我们用的显示器大些才17′,但在多窗口工作时确实方便。



版面上自适应
Information Architects Japan在06年提出 web设计95%是排版 的观点,如果精确理解,指呈现部分信息架构之下“信息设计”的范畴,俗称排版。因为我们都了解广义上的web design不仅要看还得有动,其实有个很大的 知识框架 做支撑。
web排版相较平面的优势在于数据灵活性,理论上可以实现只维护单个页面,然后通过web技术来实现多种排版表现。在实践中获取点滴信息设计基础之后再来看这个问题,感触颇深。
现实网站中,越重要的页面模块越多,排版难度也就越大。比如门户网站首页,我很少看到自适应的,大概是雅虎网站改版开了先河。分别使用narrow layout和wide layout两种模式,适应800和1024px分辨率,根据客户端请求分析再输出,即在自定义基础上实现了自适应。
上一篇:大屏幕下的网页设计 下一篇:网页设计中的通用提示信息与用户交互

RSS订阅