根据自己的整理归纳,移动端导航主要有标签式、侧边(抽屉)式、列表式、宫格式、菜单式、卡片式、悬浮icon栏、平铺式8种 【行动】记住8种导航栏的优缺点,同时分析40个自己手机APP的导航样式。
Tabbar的导航方式是由谁发明的马海祥不得而知,不过相信大家都同意是由苹果将其传播开来,不仅很多苹果的官方应用采用了这种设计,苹果同样大力推荐应用开发者优先采用这种方式,从某种角度来说,tabbar基本就是导航的标准设计。
第二种是叠加式,即导航抽屉位于主页的底部,打开抽屉,原来的主页会向屏幕右侧滑动,显出主页下方的导航抽屉,如下图中图5,这种风格在ios上很普遍。
下面介绍移动端几种常见导航形式。标签式导航(也叫Tab导航)大多数app会选择标签式导航,标签式导航结构如下图所示。底部标签导航是iOS页面布局中比较推崇的一种导航方式。
tab导航 (用于二级页,本质和标签导航相同,当应用层级较多时,可采用tab导航,比如淘宝)优点:对多内容多层级产品适用。缺点:结构复杂,内容繁多。
顶部标签导航也是一种非常常见的导航模式。拓展性是非常好的,可以随自己的心意增减标签。而且相比底部Tab来说,顶部Tab采用的是文字的形式,占据的空间是非常小的。
1、Tabbar的导航方式是由谁发明的马海祥不得而知,不过相信大家都同意是由苹果将其传播开来,不仅很多苹果的官方应用采用了这种设计,苹果同样大力推荐应用开发者优先采用这种方式,从某种角度来说,tabbar基本就是导航的标准设计。
2、下图是《移动应用UI设计模式》一书的截图,截图中列出的是一些适合做主导航的导航模式。
3、变化形式根据不同的需要很可能有很多种。一般来讲,常见的这些导航模式就够了。列表导航列表式APP导航是我们在APP设计种必不可少的一个信息承载模式。当然作为一个APP的导航也是非常方便的。
4、移动端导航设计一般有七种设计模式,根据产品层级的深度和广度,选择适合的导航模式,是产品设计中的关键一环。标签式导航 即tab式导航,是移动应用中最普遍、最常用的导航模式,适合在相关的几类信息中间频繁的调转。
1、网址导航就是一个集合较多网址,并按照一定条件进行分类的一种网址站。网址导航方便网友们快速找到自己需要的网站,而不用去记住各类网站的网址,就可以直接进到所需的网站。
2、网站导航实际上并不是一个非常确定的功能或者手段,而是一个通称,凡是有助于方便用户浏览网站信息、获取网站服务并且在整个过程中不至迷失、在发现问题时可以及时找到在线帮助的所有形式都是网站导航系统的组成部分。
3、网页导航是指一种方便用户浏览互联网的工具。通过网页导航,用户可以方便地访问自己常用的网站,缩短搜索时间,省去繁琐的输入网址的步骤。网页导航目前已经获得了广泛的应用,种类繁多,可以根据个人需求选择适合自己的导航网站。
4、网站导航:像hao123那样,是一个网址大全来的。里面包含了很多网站的网址,一点击就进入了相对应的网站。内容导航:通过内容来联接相对应的页面(网址),这样,用户可以有选择性的根据内容来打开相关网站。