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

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

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

 

8. 超大下拉菜单

导航不一定非得是几个简单的超链接组合。最近,导航设计有一个流行趋势:不仅仅提供“航向”选择,也提供网站内各“终点站”位置以及“终点站”之间 的从属关系。所谓“超大”下拉菜单常见于电子常务网站,用于展示他们庞杂的商品分类。这种样式正成为设计趋势,因为它能通过普通的翻转就提供大量分类信 息,而不需要用户额外的点击。

超大下拉菜单的实例超大下拉菜单的一个经典例子是 Ruby On Rails Guide 的Guide Index。这个菜单提供了一个组织良好、样式精美的二级导航。注意,与一般的做法不同,激活二级菜单需要用户点击,Guide Index右边有“切换” 图标,并且有着与将要弹出的二级菜单相融合的背景色。弹出的二级菜单也有细微的投影。

译注:这站点在IE的Quirks模式下有显示异常……(话说显示不异常的页面还基本上没有……)

下面的截图里的投影,我也看不到……

Screenshot

带更多信息的多级菜单

Porsche 对于上面说到的技巧来说,简直是一个完美的例子。Porsche 的主页提供一个多级菜单,让用户不用一次点击就能快速了解他们生产的所有汽车。第三级菜单中,所选汽车的信息被直接提供:包括图片、许多链接、以及其他关 于本车的快读信息。当然,这个更大的区块就是一个巨大的可点击区域。所有细节和特别介绍都直接链到相应页面。要了解究竟是怎么回事,就点击下面的图片自己 去看看吧!

Screenshot

   上一页   8   9   10   11   12   13   14   下一页  


 

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

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

留言须知

 
 
延伸阅读