ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 产品设计 >> 详解抗战阅兵8大看点 轻松看懂规范!详解组件控件结构体系之导航类

详解抗战阅兵8大看点 轻松看懂规范!详解组件控件结构体系之导航类(1/5)

来源:网络整理     时间:2017-10-09     关键词:详解抗战阅兵8大看点

本篇文章主要介绍了"详解抗战阅兵8大看点 轻松看懂规范!详解组件控件结构体系之导航类",主要涉及到详解抗战阅兵8大看点方面的内容,对于产品设计感兴趣的同学可以参考一下: Echo :本文将详细阐述组件控件结构体系中的导航系统,分别为7类:底部标签式导航、分段控制式导航、列表式导航、下拉菜单式导航、抽屉式导航、宫格式导航和卡片式导...

 轻松看懂规范!详解组件控件结构体系之导航类

Echo :本文将详细阐述组件控件结构体系中的导航系统,分别为7类:底部标签式导航、分段控制式导航、列表式导航、下拉菜单式导航、抽屉式导航、宫格式导航和卡片式导航。

什么是控件?什么组件?两者的区别是什么?

Control翻译为控件,Component翻译为组件。

通俗的说法就是组件为多个元素组合而成,控件为单一元素组合而成。

如果单纯通过组件控件,难以满足功能划分的需求,所以我将这个范围扩大,分类里面不仅仅含有组件和控件,请不要在意细节。

如下脑图是设计规范的重点,是系统的学习组件控件和功能分类的目录。

 轻松看懂规范!详解组件控件结构体系之导航类

导航类

导航的作用有哪些?

1. 结构化产品内容和功能

导航系统相当于APP的骨架,支撑着内容和功能组成的血肉,导航系统起着组织内容和功能的作用,让它们按照产品的信息架构图进行连接,展现在用户面前,导航将零散的内容和功能组织成了一个完整的有结构的系统。

2. 突出核心功能

导航起到了突出核心功能,适度隐藏次要功能的作用。核心功能对目标用户来说是最重要的。

3. 扁平化用户任务路径

可以很好的扁平化信息层级,同时提供了进入不同信息分类或入口。用户可以迅速实现不同模块之间的切换且不会迷失方向。

底部标签式导航

定义:

用于一级目录的导航,位于页面底部,能告诉用户当前位置及用户切换统一层级之间的不同模块,一般最多不超过五个标签。

特点:

标签导航是目前最常见的导航形式。最常见的原因是标签式导航可以让流量更大化,分化流量,使得各个模块都有机会获取流量提高页面流量的转化。

将常用的导航放在底部,无论用户单手还是双手操作都能轻松点击,从而实现各功能模块之间的跳转。

标签式导航有底部导航和顶部导航两种,底部导航用于全局导航,顶部导航用于二级导航(遵循Material Design规范的除外)。

 轻松看懂规范!详解组件控件结构体系之导航类

详解抗战阅兵8大看点相关图片

详解抗战阅兵8大看点相关文章