NavNav:专注收集Web与APP导航的网站
NavNav:专注收集Web与APP导航的网站-移动阅读二维码

网站导航最重要的就是指引访客阅读网站,特别对于内容极多的网站来说,拥有一个Web导航是必不可少的。

但随着移动时代的来临,导航菜单发生了很大的变化,从桌面平台转到移动端,这就要菜单用响应式来兼容,所以设计响应式网站的导航是比较考验设计师的应变能力。

若对网页菜单没设计灵感,可以看看今天分享的专注收集Web与APP导航网站:NavNav,有响应式导航,APP以及很多交互动效不错的导航菜单实例,大家可以在这里吸收一些创作灵感,很多都有参考价值哦。

navnav-website

下面简单介绍下这网站主要收集的菜单类型:

Offcanvas 菜单

offcanvas 菜单是一种比较适应移动、手机端类型的导航设计,也称作汉堡包菜单。

navnav-offcanvas

Scroll 菜单

Scroll 菜单是以屏幕滚动为主的菜单,这类菜单微动效是不错的,推荐看看。

navnav-scroll

Dropdown 下拉菜单

这里分享的不是一般的下拉菜单,有的还支持响应式,非常棒呢。

navnav-dropdown

Fullscreen 全屏菜单

全屏式菜单很少见,常用于设计类、展示形、个性化的网站。

navnav-fullscreen-menu

导航资源

最后作者在网站还分享了一些菜单相关的教程资源或响应式菜单源码。

navnav-resources

最后,此站已经成功收录到 设计师网址导航(http://nav.mobileui.cn),大家可以在设计导航的【酷站灵感 – 交互动效】栏目上找到该站。

网站名称:NavNav
网站地址:http://navnav.co/

原文:shejidaren

本文链接:http://www.mobileui.cn/navnav-navigation-website.html
本文标签: , , , ,