美文网首页
1.7.1导航的设计形式和适用原则

1.7.1导航的设计形式和适用原则

作者: 清年丶 | 来源:发表于2018-01-17 18:01 被阅读0次

导航是一个APP的组织架构,合理的导航方式能够突出产品核心功能,使得用户操作更加方便快捷。

目前比较常用的导航方式有下面几种:

1.标签导航

形式:固定在屏幕底部或顶部的图标和文字,点击进行切换

优点:功能类型的导航,突出重要操作频繁的入口,最多≤5个

适用:大多数应用

2. 抽屉导航

形式:点击icon/滑动展开侧边的隐藏导航

优点:核心功能突出,扩展性好

适用:常与标签导航结合使用,功能切换不频繁,适用功能单一的信息流产品

注意:提供过渡动画

3. 宫格导航

形式:聚合独立的功能模块,让用户做选择

优点:功能入口清晰,扩展性强

适用:工具类应用,信息分类导航应用,广泛应用于各平台系统的中心页面,信息入口切换不频繁

注意: 功能信息间没有交集,无法跳转。不能让用户在第一时间看到内容,选择压力较大

4. 列表导航

形式:图文结合,纵向排列展开

优点:层级清晰,易扩展和分组

适用:常见于设置、消息或者大量同级信息页面

注意:同级过多易于疲劳,设计性较弱

5. 图片展示型导航(陈列式导航)

形式:图文结合的陈列/瀑布流式,布局成轮播、网格或幻灯片演示等效果。

优点:直观展示,布局多变,沉浸式体验

适用:文章、视频、菜谱、美图、相册、旅游、设计等

注意:不适合展示顶层框架,设计效果易呆板

①多图陈列式

②大图滑动/轮播式

6.下拉菜单导航

形式:文字+下拉,点击后展开菜单

优点:节省空间

适用:多用于工具,搜索条件等

7.点聚式导航

形式:将核心功能汇集在主界面的一个浮动按钮上

优点:空间资源占用较少,操作方便快捷,增加趣味性

适用:在主要流程界面中作为全局导航使用,不频繁切换功能

8.表盘/仪表导航

形式:圆盘,指针,仪表类等

优点:使数据更加生动直观,增加APP趣味性

适用:工具类、数据分析类、数据可视化类应用

相关文章

  • 1.7.1导航的设计形式和适用原则

    导航是一个APP的组织架构,合理的导航方式能够突出产品核心功能,使得用户操作更加方便快捷。 目前比较常用的导航方式...

  • Meterial design与Ant design规范对比分析

    价值观及目标 设计原则 设计原则-布局 设计原则—导航 设计原则—视觉(颜色) 设计原则—交互模式 设计原则—动效...

  • 读书笔记—《交互设计精髓》第8章 综合优秀的设计:原则与模式

    1、交互设计原则 交互设计原则是关于行为、形式与内容的普遍适用法则,促使产品行为支持用户目标与需求,创造积极的用户...

  • ui设计中导航形式和导航设计技巧

    导航是页面结构和界面设计的重要一部分,它可以结构化产品内容和功能、突出核心功能、扁平化用户任务路径,下面举一些案例...

  • 导航设计形式练习

    关于移动导航的设计练习,原文链接:https://www.jianshu.com/p/6303a88ac6ba

  • 底部导航(Bottom Navigation)

    材料设计之前是没有底部导航这种形式的,最开始提倡使用侧边导航,后来从iOS平台借鉴过来。苹果和谷歌的设计语言都是相...

  • APP导航设计模式

    下图是八种导航设计模式对比图: 一、列表式导航 列表式导航是最常见的主导航形式之一,是APP设计中不可少的一个导航...

  • Erlang/OTP设计原则

    OTP设计原则用于指导以进程、模块和目录的形式组织Erlang代码的规范。 Erlang OTP设计原则关注的是E...

  • 《移动UI设计模式》第一章 导航

    移动应用的导航是可以说是界面设计的第一步,导航的设计其实也是信息构架重要部分,导航设计作为信息分类的承载形式,关系...

  • 第七章-交互设计原则

    交互设计原则是关于行为,形式与内容的普遍适用法则,促使产品行为支持用户目标与需求,创建积极的用户体验,科技的使用体...

网友评论

      本文标题:1.7.1导航的设计形式和适用原则

      本文链接:https://www.haomeiwen.com/subject/iguuoxtx.html