1. 兔课网
  2. 资讯
  3. 设计行业资讯
  4. APP导航设计方法形式有多少种

APP导航设计方法形式有多少种

3510人阅读 2020-03-17 收藏
APP导航设计方法形式有多少种

APP导航设计方法形式有多少种?导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应用中所处的位置,及如何前往目的页面,下面兔课菌就来给大家分享几种导航设计方法形式技巧,希望能给大家带来帮助!

标签导航

标签导航是十大界面框架设计里最常用的界面框架设计,也是被公认的一种的页面框架设计。标签导航位于页面底部,标签的分类最好可以控制在5个之内。

APP导航设计方法形式有多少种

标签导航能够让用户清楚当前所在的入口位置,轻松在各入口间频繁跳转且不会迷失方向,直接展现最重要入口的内容信息。如果功能入口过多时,该模式反而显得笨重不实用。

APP导航设计方法形式有多少种

舵式导航

目前流行一种标签框架的变体,称为"舵式导航",因为它的样式很像轮船上用来指挥的船舵,在标签导航的基础上中间加了一个导航操作项,这种舵盘很容易区分开旁边的导航模式,能够让用户知道中间这个标志是它主要的导航操作项。美中不足的是只能用在奇数导航标签里面。

APP导航设计方法形式有多少种

抽屉导航

抽屉导航是将菜单隐藏在当前页面后,点击入口即可像拉抽屉一样拉出菜单。可以节省页面展示空间,让用户注意力聚焦到当前页面。缺点是不适合频繁切换的应用。

APP导航设计方法形式有多少种

宫格导航

宫格导航和之前所讲的两种界面导航设计不太一样,宫格导航是将主要入口全部聚合在页面,让用户进入界面之后第一步的反应就是做出选择,直观展现各项内容。

APP导航设计方法形式有多少种

缺点是不能显示太多入口次级内容,它只能展示一级入口,只适合一些功能层级没有太多的APP,并且每一个功能与功能之间有明显的间隔。

APP导航设计方法形式有多少种

组合导航

组合导航与之前所讲的导航模式之间有一些相关,它并不是一种独立的界面框架设计,而是一种综合式的,灵活运用刚才所讲的很多类型的界面导航设计的模式。当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。布局灵活,能适应架构的快速调整。

APP导航设计方法形式有多少种

列表导航

列表导航是在我们这种二三级页面最常见的一种导航模式,或者说二三级功能里面最常见的。层次展示清晰,可展示内容较长的标题,比如三个字、四个字、五个字都可以。

APP导航设计方法形式有多少种

如果同级过多时,会产生疲劳。排版灵活性不高,无论怎么排都是列表的样式,而且每一个列表的细分模块都要同样大小的图标,甚至风格都要固定,标题、文案都需要摆放在固定的位置,排版非常不灵活,样式基本是固定死的。

APP导航设计方法形式有多少种

轮播导航

轮播导航我们使用的比较少,运用这种导航模式的APP也不多。单页面,页面层级比较简单,整体性非常强,内容也比较少;浏览方式非常顺畅、有方向感,滑动为左右滑动,用户用起来不会困难。不适合展示过多页面,如果功能太多了,层级太多了,都不适用于轮播导航。

APP导航设计方法形式有多少种

点聚导航

点聚导航是一种比较酷炫的界面框架设计的方式,指的是我们将主要的按钮或者导航合并在一起作为一个主要的按钮浮动在页面上面。灵活、展现方式有趣、页面更开阔,点聚式导航配上抽屉式导航,能够解决标签式导航的缺点。

APP导航设计方法形式有多少种

瀑布导航

瀑布式导航这种界面框架设计适用的范围是比较固定的,就是适应这种图片为主的内容,就像我们所说的瀑布流,这种瀑布流的界面框架是一边"拉"一边刷新、自动向下拉自动刷新。

APP导航设计方法形式有多少种

浏览时产生流畅体验。特别适合展示大图,不用小图点击,直接展示大图。因为这种布局不用标签式的导航,用户会被图片所吸引,能够让用户长时间地停留在页面里去浏览图片。层级比较复杂的架构不适合瀑布导航,容易产生疲劳感。

APP导航设计方法形式有多少种

相关文章推荐

平面设计培训班如何选?哪家平面设计培训班比较好?
怎么学好平面设计
学平面设计多少钱
怎么成为优秀出众的平面设计师?有哪些要求?
【行业资讯】目前交互设计行业饱和了吗?
学平面设计学校怎么选
兔课网—平面设计学什么?零基础小白入门必看知识!
兔课网:PS中的仿制工具有什么用?如何运用好?
平面设计接单前需要准备什么
没有基础怎么如何学平面设计?平面设计基本功需要学什么?

特别推荐

上一篇>> banner设计中排版方式有哪些?

下一篇>> 怎么成为优秀出众的平面设计师?有哪些要求?

新人大礼包

1
咨询客服
平面设计零基础学习交

交流Q群

微信公众号
返回顶部