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

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

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

1.标签导航

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

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

适用:大多数应用

1.7.1导航的设计形式和适用原则_第1张图片

2. 抽屉导航

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

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

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

注意:提供过渡动画

1.7.1导航的设计形式和适用原则_第2张图片
1.7.1导航的设计形式和适用原则_第3张图片

3. 宫格导航

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

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

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

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

1.7.1导航的设计形式和适用原则_第4张图片
1.7.1导航的设计形式和适用原则_第5张图片

4. 列表导航

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

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

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

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

1.7.1导航的设计形式和适用原则_第6张图片

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

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

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

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

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

①多图陈列式

②大图滑动/轮播式

1.7.1导航的设计形式和适用原则_第7张图片
1.7.1导航的设计形式和适用原则_第8张图片
1.7.1导航的设计形式和适用原则_第9张图片

6.下拉菜单导航

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

优点:节省空间

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

1.7.1导航的设计形式和适用原则_第10张图片

7.点聚式导航

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

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

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

1.7.1导航的设计形式和适用原则_第11张图片

8.表盘/仪表导航

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

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

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

1.7.1导航的设计形式和适用原则_第12张图片

你可能感兴趣的:(1.7.1导航的设计形式和适用原则)