优秀的APP导航设计,能够合理地完美展示产品的功能,并快速引导用户使用,增强用户的识别度。合理的导航设计,会让用户轻松达到目的而又不会干扰和困扰用户的选择。

疯狂底部导航

为什么需要导航?

1、我可以去哪?

导航为了清晰指引用户完成任务。建立合理的导航系统,设计顺畅的任务路径,让用户不再像无头苍蝇一样,在各模块之间迷失。

一个好的导航,能够扁平化用户的任务路径,减少用户操作成本,从而提高用户体验。

2、我现在在哪?用户当前位置要有清晰的标记,从哪里来,到哪里去。


底部标签导航是目前最常见的导航形式。

底部导航 一般采用3-4个标签,最多不会超过5个。

优点:

1、入口直接清晰,操作路径短,便于在不同功能模块进行跳转

2、直接展示入口内容,内容曝光度高

缺点:(与标签导航存在同样的弊端)

1、功能之间无主次

2、扩展性差,不利于后期的功能扩展

举几个优秀作品的例子:

材料底部导航

Twitter的重新设计(谷歌底部导航)

底部导航材料设计

底部导航材料设计 - FREEBIE FO

Android的底部导航原理免费搭乘

更多利于UI\UX设计师学习临摹的APP设计 素材资源,到搜UI (SOOUI) 通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。

底部导航使用场景:

产品需要特殊的引导

引导用户发布任务

社区产品引导用户发帖子

凸显核心功能

UI设计APP素材可编辑模板|底部标签式导航相关推荐

  1. UI设计干货素材|轻松搞定页面分页符(指示器)的设计

    页面指示器(Page Indicator),iOS规范将其称为Page Controls.看到这些名字可能让人觉得相对陌生,但其实它是页面中再熟悉不过的控件了. 分页按钮 分页符是用来表示页面总数和指 ...

  2. UI设计字体素材|设计中字母间距指南

    大部分信息都是通过阅读获得的,所以在设计时注意文字是很有意义的.排版有很多方面,但帮助我提高设计质量的东西之一是字母间距. 字母间距是指在字母之间添加和删除空格.有些人把它和字距化混淆了,但这两者是不 ...

  3. UI设计干货素材|精美的APP UI Kit模板

    如果你是UI设计师,当你在设计新的手机APP时,那么你无疑会知道从头创建UI可以说是一个重复劳动和耗时的任务.这些模板帮助缓解一些工作量,帮助你更快的完成项目设计,我们选择了各式各样的最好的移动UI模 ...

  4. UI设计实用素材|功能性图标ICON的作用

    功能icon是在APP中用来表达某一操作或者功能示意的图形,如主页.设置等功能能图标.功能图标的设计应当尽可能的形象.简洁,力求能准确的表达其代表的功能.而针对应用icon的设计要在界面设计的最后再进 ...

  5. UI设计干货素材|简单素材模板教你分分钟提高UI设计水平!

    对于初学者来说,设计经常会没有思路 为了保证更优用户体验 更是十八般武艺,样样精通 看看这些优秀的简单素材模板教你分分钟提高UI设计水平! 视觉动效 能有效提升用户满足感,刺激其多次操作 语音援助UI ...

  6. UI设计APP图标设计规范介绍

    ​ UI设计所涉及的内容是比较多的,其中关于APP图标的设计就是常见的一种,UI设计师需要掌握不同的UI设计规范.今天小编就帮助大家了解下移动端APP图标设计规范: 很多设计师以为UI设计就是设计图标 ...

  7. 初学者UI设计临摹素材模板,请先搞清楚这4个分类!

    UI设计,全称User Interface,作为近年设计行业的新贵,越来越多的人投身于UI设计这一行,UI设计的种类很多,其中有几类是我们日常生活中最常见的和作为设计师最应该了解的. 1.GUI 图形 ...

  8. UI设计实用素材|订阅按钮(CTA按钮 )

    CTA按钮的目的是在鼓励用户采取某种行动的用户界面的互动元素.此操作为特定页面或屏幕提供链接(例如:购买,联系,订阅等),换句话说,它将普通用户变为订阅用户.因此,从技术上讲,它可以是通过号召性用文本 ...

  9. 干货 · UI设计|APP引导页面可临摹素材

    当用户安装完成App后,第一次打开应用,App会呈现三到四张连续的页面,这些页面会提前告知你产品的主要功能与特点,起到类似迎宾引导的作用,这些页面我们叫做引导页. 引导页是用户进入主界面之前,首先见到 ...

最新文章

  1. linux c select 服务器源码 简介
  2. 运维技术之一、supervisorctl 守护进程的安装和使用
  3. QEMU 构建系统架构
  4. 创业活动平台,2019路演活动报名网站
  5. 分类问题的模型评估指标总结
  6. Mybatis 详解--- 一级缓存、二级缓存
  7. 2018 ios开发者账号同意新协议加联系电话教程
  8. JMS学习八(ActiveMQ消息持久化)
  9. 测试hudi-0.7.0对接spark structure streaming
  10. 问题记录_MFC使用不了using namespace std
  11. gdb导入oracle,如何使用gdb工具对Oracle系统状态(systemstate)做trace
  12. 脚本程序gdb 脚本
  13. python基础网易_看看你的Python基础怎么样?
  14. 如何用Canarytokens搭建蜜罐并检测可疑入侵
  15. 比尔盖茨这样审查项目 1
  16. (转载)vmware workstation14永久激活密钥分享
  17. 问卷及量表统计与SPSS实战
  18. 公司部门英文缩写简称大全(1)
  19. 算法设计与分析——动态规划
  20. WineBottler:让苹果Mac OS照样用IE浏览器

热门文章

  1. Java多线程学习四十:如何写一个必然死锁的例子
  2. html5新增标记元素的内容类型,HTML5新标签与javaScript新方法
  3. leetcode题解98-验证二叉搜索树
  4. 程序设计与算法----递归之神奇的口袋
  5. CentOS操作记录
  6. TinycoreLinux的安装使用
  7. .net Api 接口调用 增删改查
  8. servlet和JSP页面乱码问题
  9. NOIP2013D1T3货车运输(最大生成树+倍增lca)
  10. HDU 2577(DP)