创建整洁有序的内容布局的8个技巧(8)
点击次数:更新时间:2010-11-05 09:11:22【打印】【关闭】
8. 超大下拉菜单 导航不一定非得是几个简单的超链接组合。最近,导航设计有一个流行趋势:不仅仅提供“航向”选择,也提供网站内各“终点站”位置以及“终点站”之间 超大下拉菜单的实例 超大下拉菜单的一个经典例子是 Ruby On Rails Guide 的Guide Index。这个菜单提供了一个组织良好、样式精美的二级导航。注意,与一般的做法不同,激活二级菜单需要用户点击,Guide Index右边有“切换” 图标,并且有着与将要弹出的二级菜单相融合的背景色。弹出的二级菜单也有细微的投影。 下面的截图里的投影,我也看不到…… 带更多信息的多级菜单 Porsche 在下拉列表里显示搜索结果 最近还比较流行的一个技巧和上面谈到的有点类似:在下拉列表里显示搜索结果。 Media Temple Knowledge Base 就使用了这一技巧。他们没有使用一个新页面来显示用户的搜索结果,搜索结果在一个下拉列表里随着你的输入而实时变化。不过,请注意,完整搜索结果页的链接仍然存在,您若要在自己的设计中使用这种设计,还请不要忘记这一点。 在下拉区块中显示额外信息 Gateway.com 菜单脚本
更多资源 你应该也会喜欢(全是英文):
关于作者 Matt Cronin 是一位富有激情的平面设计师,网页设计师/开发者,Cocoa程序员,摄影师,数字艺术家,等等。他也热爱写作,已经为Smashing Magazine写过很多好文。他现在正着手于一个叫做i VAEOU 的项目,不久之后就能面试。 Follow MattTwitter. 译文原文来自笨活儿,转载请保留本链接:提升设计品质的8个布局方案。 |