当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 翻转页面网页导航发展的几个特点

心得技巧
固定、流动、弹性网页布局的利弊分析
网页设计中的tab应用的两种类型
50个漂亮的FLASH网站设计实例
好的网站文案 良好的用户体验
设计欣赏:张扬个性的名片网站设计实例
网页设计教程:网页模式窗口要适时使用
设计参考:23个精美的橙黄色调网站设计实例
优秀网站UI设计简单的和通用的可用性策略
设计参考:11个合理排版结构的新杂志网站设计
如何设计兼顾美观与可用性的网站购物车
网页设计理论:IE6必须下地狱
网站地图放到网页底部的好处和实例
WEB安全工具大收集
密码保护设置影响用户体验的几点因素
简单分析新闻网站二级新闻列表的表现形式
网页图片的点击区域设计的用户体验
WEB设计师需要什么样的网页字体?
HTML中的input type="reset"标签失效(不起作用)的可能原因。
修改网页中的FlashSWF文件的方法
网页设计制作试题及参考答案

心得技巧 中的 翻转页面网页导航发展的几个特点


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 67 ::
收藏到网摘: n/a

不知道这算不算新瓶装老酒,实际上翻转页面导航并不算一个新的理念,在之前就有网站用过,不过一直没有火起来,不知道会不会像AJAX一样重新获得新的认可?

UItrends上看到一个新的导航趋势的应用:翻转页面导航。其实这个早期一直是photoshop表现视觉效果的手法,就像kate曾经提到过的,这种效果仅仅用来代表视觉隐喻,没有什么实际内容。

 早期由于这种设计只有一种固定的模式,缺乏动态效果,另外冗余的样式对页面的加载速度也有不小的影响,其应用并不广泛。后来随着带宽的提升和web应用的多样化,这种表现手法被越多地方用到交互应用中,在形式上类似于开关的切换,而在功能上实现了两个tab页的跳转(只不过其中一个tab被弱化或隐藏起来)。它的交互缺陷为:只有用户点击了以后才知道页面下面隐藏的内容。

在什么地方使用这种导航形式呢?下面谈谈我的理解:(为了区分,暂且把显示在页面上的叫tab1,隐藏在下面的页面叫tab2)

1.在展现信息上,tab1显示的优先级一定高于tab2,而且tab2所实现的功能一定是建立在tab1的内容之上的--通常作为附加应用(高级应用)而存在。

07年的yahoo注册就使用了翻转页面,点击右上方的翻转tab可设置进行密码保护设置(基于登录的安全性扩展)。

 

2.强化该功能,吸引用户关注更多的信息。在tab2所呈现的内容较多时,tab1下单屏显示会造成页面布局拥挤,用这种导航方式不仅能视觉上引起注意,还解决了新的合理布局。同时需要注意的是,这种导航仅使用于比较简单的页面,强化的重点一个足以,否则将会产生视觉噪点。

Chrome Themes 上线以后,改版页面最大的亮点就是下方那个卷起来的页脚,让人禁不住想点进去看看。这也能看出来google把Themes这个功能作为重点推荐的战略意义(对Chrome 倒感觉不出没什么,对Chrome OS 的意义就完全不一样了),估计以后也会搞得像iGoogle 的主题一样,做成开放性的库, 让全球不同的艺术细胞自由交流...有点跑题了...

点进去后的主题页面。

3.移动平台应用等。

iphone上的google maps应用以及Slashdot.org也将赞助商链接放在投票上。