网站地图 广州图盛网络科技有限公司 ©2016-2019 版权所有;工信部备案号:粤ICP备19003234号-1 姚先生:16602060624
企业邮箱:postmaster@tusheng88.com 公司地址:广东省广州市天河区棠下天辉商业大厦2F13。
在诸多导航设计当中,有一些优秀的设计模式已经经过反复的设计验证,今天的文中就挑选出其中最突出的5种,供你参考。
下代菜单是UI设计中最常见的设计元素,作为一种扩展性良好的控件,它在被触发之后扩展显示更多的选项,呈现更多的内容。下拉菜单有许多种不同的衍生样式,在网站导航设计中也很常见。许多传统的导航当中,导航元素的下拉菜单是需要点击触发的,而现在更多的网站设计师会选择光标悬浮在导航元素上的时候触发,这样对于用户会更加省心省力。
为了确保导航的整洁清晰,如今网页设计的主要导航类目通常不会太多,控制在4~6个选项,而下拉菜单则用来承载二级导航元素,这样就节省了空间,也让信息层级更加清晰。
这种网页设计模式对于用户而言并不陌生,浏览起来也颇为方便,对于多层级、大量选项的导航需求而言,它正好可以应对。值得注意的是,光标悬浮触发下拉菜单的时候,展现的动效要足够的微妙,降低用户打开的突兀感,这样会让体验更加优秀。
汉堡菜单加上弹出式的侧边栏在iOS和 Android 平台上都是极为常见的导航设计模式。虽然有数据表明,汉堡菜单和默认隐藏的侧边栏导航在打开率上并不如常见的显性导航,但是它在体验上有独特的优势,让整个界面更加简约、整洁,干扰性更小。用户点击汉堡菜单,侧边栏导航从侧面滑出显示,用户可选择他们想要点击的选项。
汉堡菜单和侧边栏的搭配特别适用于响应式的网页设计,例如Android 平台的 Gmail 官方应用,YouTube 和 Facebook,均是沿用了这样的网站设计。
隐藏式的侧边栏导航,在很大程度上让用户更加专注于主要的界面内容,让界面更加整洁。虽然打开率不如显性导航,但是在很多情况下,这种隐藏性的设计更符合实际需求。
悬浮固定的导航菜单在越来越多的广州网页设计中出现,当用户在滚动页面向下浏览的时候,悬浮固定导航在页面顶部悬浮不动,随着用户浏览,它们一直都可见,用户无需滚动到顶部就可以点击导航跳转。
目前,悬浮固定导航菜单已经成为常见的导航设计手法,电商、产品类的网站,多会选择这样的导航设计,便于用户快速跳转。这种导航设计的优势在于快速、便捷,用户对于在网站不同的页面间跳转的需求比较大,那么这样的设计能够省去很多麻烦。根据 Akamai 和 Gomez.com 的调研,79%的线上购物的用户,在遭遇糟糕的浏览和导航体验之后,会一去不复返,由此可见,便捷的导航是多么重要。
上一篇: 网站制作是这样运用交互设计的
下一篇: 如何设计网站页脚才让网站设计的有竞争力