UI设计基础——APP中常用的几种导航方式撒娇打滚小仙女

这是APP最常使用的导航模式,用于一级目录的导航,位于页面底部,无论用户单手还是双手操作都能轻松点击,能告诉用户当前位置及用户切换统一层级之间的不同模块。

展现形式有:文字+icon,也有纯icon形式,大部分是文字+icon,可以减少用户记忆负担。

优势:

劣势:

“舵式”拓展栏,为凸出底部功能,把Tab做得比较突出,入口在底部标签中间,两侧是其他操作按钮,很像轮船上用来指挥的船舵,故称为“舵式导航”。

优点:

缺点:

顶部导航栏位于页面顶部,一般位于导航栏或者状态栏下方,用作于二级导航,基本都以纯文字的形式出现(避免干扰用户浏览页面核心内容),常见的顶部导航栏有:固定顶部标签导航&可滑动标签导航。

列表式APP导航是我们在APP设计种必不可少的一个信息承载模式,列表导航通常用于二级页面。一般在列表导航里都会有下一个层级,可以通过箭头来告诉用户是否有下级菜单。当列表信息比较多的时候,可以对列表进行分类,可以通过间距和添加小标题分组。

缺点:

一般作为信息或平台的入口,为产品或项目信息提供聚合的载体,适合承载订阅类产品或众多属性差异非常明显的分类信息,此类导航信息的呈现内容比较少,但是每个项目选取的效率比较高。

宫格式导航的一种延展形式,通过增加内容的可视化程度让每个条目呈现更多的信息。它能根据页面内容的变化及时更新图片,适合以图片为主的内容,像新闻、美食、旅行、视频图片等经常使用,常作为二级导航。

优点:对运营量的要求比较低,而且单个条目的转化率会相应的提高。

缺点:当运营量较大的时候,这种结构会降低用户寻找信息的效率。

导航比如轮播导航,完全的沉浸式体验,高度简洁的导航,比如天气,但是这种导航因为轮播点的大小不会很明显,所以用户很难快速感知自己所在位置,并且轮播导航轮播的数量也不宜过多。

优点:最大程度的保证了页面的简洁性和内容的完整性,且一般都会结合滑动切换的手势,操作起来也非常方便。

缺点:用户只能切换的相邻页面,很难跳转到非相邻的页面,容易迷失位置。

悬浮式icon是一个非常便捷的操作入口,也适应大屏幕时代,增加了快捷入口,但是注意不要遮挡某些页面的操作。

THE END
1.如何在PPT中设置图片轮播功能:步骤详解接下来,我们将设置图片轮播效果。 选中你想要设置为轮播的图片。 点击“动画”选项卡。 在“动画”选项卡中,找到“动画窗格”按钮并点击它,这将打开一个包含所有选定图片动画的窗格。 在“动画”选项卡中,点击“添加动画”按钮。 在下拉菜单中选择“进入”效果下的“擦除”、“淡入”或其他适合连续播放的动画效果https://www.kdocs.cn/article/D6F7E7403E.html
2.网易交互设计微专业干货提炼3、舵式导航 多个功能中有某个功能特别重要 4、抽屉式导航 隐藏不重要功能,让用户更关注核心功能,大大减少主界面中的导航控件数量 Tips:不要在抽屉式导航放置太重要的功能 5、下拉菜单式导航 可与滚动式导航结合 导航栏类型 (三)移动产品模式设计之列表 https://www.jianshu.com/p/ee503ff78494
3.推荐圣诞氛围感SVG模版产品菜单式切换 如果你准备了丰富的动静态 LOOK 和产品图,那么结合 SVG「无限选择器」制作成简洁而灵动的交互菜单,无疑能极大提升销售转化率。参考卡地亚公众号的《爱,点亮欢聚时刻》,点击下方对应按钮可进行切换查看: 关于无限选择器的创造性应用,建议广大运营人对照我们曾经录制的专题解析进行深度学习,掌握它丰富的多https://blog.csdn.net/e2_cool/article/details/144431140
4.福建师范大学附属小学图书馆设备采购项目附件10、系统驱动方式采用以菜单式、键盘快捷式、图标式多种驱动方式,并提供统一的快捷键。支持键盘、鼠标、光驱扫描和条码扫描仪多种外设操作方式,各子系统之间界面、快捷键操作方式统一; 11、系统数据采用自动和手动备份两种方式。自动备份可根据用户的需要自定义备份的频率和时间。并且系统提供了恢复备份数据的工具; 12、https://zfcg.czt.fujian.gov.cn/upload/document/20201126/4a1857c5700f4e21bdc556d67e9f1369.html
5.flash完全教程30天学会flash动画的制作弹出菜单式链接 49 3.16 图片选择器 50 3.17 链接导航框 51 3.18 小球跟踪链接 52 3.19 单击按钮打开全屏窗口 56 3.20 单选按钮选择链接 56 3.21 隐藏的链接 57 3.22 变换链接颜色 58 3.23 固定链接的位置 59 第4章 时间类特效 61 4.1 时间的水中倒影 62 4.2 简单的日历 63 4.3 带有农历的日历 65 4.4 https://www.iteye.com/resource/chenmingwo1986-1253870
6.网易交互设计师微专业C1揭开交互神秘面纱51CTO博客3、舵式导航 多个功能中有某个功能特别重要 4、抽屉式导航 隐藏不重要功能,让用户更关注核心功能,大大减少主界面中的导航控件数量 Tips:不要在抽屉式导航放置太重要的功能 5、下拉菜单式导航 可与滚动式导航结合 (三)移动产品模式设计之列表 1、垂直列表 https://blog.51cto.com/zhuxiaoxia/6543562
7.超全面的导航设计基础知识总结(一)目前市面上移动界面设计所使用的导航设计,基本分为以下(桌面式、选项卡式、列表式、侧边抽屉式、下拉菜单式、点聚式)6大基础导航模式,为了不断满足业务、用户需求,涌出(舵式、轮播式等)新颖的混合型导航模式。设计师们在基础导航模式上仍在不断做升级优化以及组合创新。 https://www.adinnet.cn/bloginfo/2018_07/blog_3745.html
8.移动端界面设计模式:导航设计的各个类型目前市面上移动界面设计所使用的导航设计,基本分为以下(桌面式、选项卡式、列表式、侧边抽屉式、下拉菜单式、点聚式)6大基础导航模式,为了不断满足业务、用户需求,涌出(舵式、轮播式等)新颖的混合型导航模式。设计师们在基础导航模式上仍在不断做升级优化以及组合创新。 https://www.sohu.com/a/240462313_114819