您的位置: 首页 > 资讯 > 设计

提升设计品质的8种布局方案

亚博备用网址 | 时间: 2010-04-14 14:47:14 | 文章来源: 中国设计之窗
 

5. 渐进布局Progressive Layouts

“渐进布局”的意思是站点内容按照一定的顺序一块一块地显示给用户。这种组织内容的做法比较反常,但也能在很多网站上看到。渐进布局能帮助用户更容易地深入一长串信息。

渐进布局的实例整个站点都由渐进布局构成 Sursly.com(貌似被墙,请点击这里代理访问) 的整个作品集站点都基于渐进布局。您应该能注意到,页面右上角有一个“GO”按钮,每一页面都是从上一页面中的GO按钮链接过来的。这种页面之间的渐进系 统代替了传统的导航和菜单。当然,这样做也有一个很明显的缺点:导航的交互性下降了,用户只能按照网站建设者想要的顺序获取内容。

尽管单个页面布局能被存为书签(使用# 锚记),但对于随机访问者来说,则无法通过一个明晰的导航对站点内容建立起直接的整体感知。而且,这种布局一般只有一个“航向”,从易用性的角度上来说,所谓“导航”的概念在这里几乎不能适用。

Screenshot

译注:以前看到过一个十分类似,但是更漂亮的站点。现在一时找不到了…… 有谁知道是哪个?麻烦留言告知一下。

垂直方向的渐进布局 Danny Blackman 的作品集也是仅通过一张渐进式布局页面来实现的。各块元素相互独立,在一张页面上垂直展示。相邻元素之间有滚动按钮,每个元素都有返回顶部的按钮。菜单或所谓导航还是没有被使用。

Screenshot

ScrollTo 脚本

  • ScrollTo - 使用这个jQuery插件,就能轻松建立渐进式布局。
   上一页   4   5   6   7   8   9   10   11   12   13   下一页  


 

凡注明 “亚博备用网址” 字样的视频、图片或文字内容均属于本网站专稿,如需转载图片请保留 “亚博备用网址” 水印,转载文字内容请注明来源亚博备用网址,否则本网站将依据《信息网络传播权保护条例》维护网络知识产权。

打印文章    收 藏    欢迎访问亚博备用网址论坛 >>
发表评论
用户名   密码    

留言须知

 
 
延伸阅读