认识达内从这里开始

认真做教育专心促就业

南宁达内UI培训向导式设计都有哪些常见类型

发布：南宁达内it培训
来源：互联网
时间：2022-05-31 10:19

向导式设计是许多UI设计师在设计网页以及app软件的时候都会用到的一个设计方法，我们今天我们就通过案例分析来简单了解一下，向导式设计都有哪些常见类型。

南宁达内UI培训向导式设计都有哪些常见类型

1、手风琴向导

手风琴向导式设计类型，一般适用于2B类后台业务数据较多，任务指向性相对明确，流程基本固定。例如用户帮助文档以及Q&A的场景;PC端页面的注册引导;电商网站的购物支付等流程。

手风琴向导，除了可满足任务引导，步骤拆解，直观展示等作用;更主要的是能对大量的数据信息进行收纳整理，凸显信息层级的清晰度，并在收纳信息的同时节约页面空间，让页面更有节奏和呼吸感。

2、横向向导

横向标准向导也可以称为横向步骤条，这样表述大家比较容易理解。此类向导式设计是大家常见的，也使常规的一种横向向导的设计，主要作用是对复杂的任务进行拆解，按照固定顺序明确步骤，让用户对即将要操作的任务时间和内容有一个可控的心理预期。一般用户可以一目了然总览共有几步，目前每个步骤的状态(例如已完成/进行中/未开始)，和自己当前的操作位置。

3、标准向导–纵向向导

纵向标准向导也可称为纵向步骤条向导，主要使用场景为内容数据较多，需要分页/板块展现的场景，B端业务使用的场景较多;纵向向导设计陈列在左侧的目的也为了能对大量数据进行快速筛选和定位，同时此类数据之间无需进行对比查看

4、弹出框向导

弹出框向导设计主要使用的场景为注册页/登陆页/轻量任务操作页，都在弹出框内，步骤较少，能够快速完成。

5、Tab栏向导

Tab栏向导其实是Tab栏步骤条元素，组建成的一个新的横向向导模式，它的主要使用场景相对来说比较灵活，可以用在登陆和注册页等轻量页面场景中，也可用在有固定任务流程的详情页面中，不过一般PC端的详情页会采用单独的Tab和步骤条展示，为让信息层级更清晰明确。

6、标签向导

标签性向导设计主要使用在移动端居多，较少标明固定的操作顺序，但是基本的操作路径有一定的秩序在，主要使用的场景是对特定事物进行快速引导定位和查找，在众多商品类目中，快速找到自己需要的。例如浏览器的搜索和电商平台的商品分类检索，还有外卖类和旅行类对食物以及景点的查找中，都常常会用到标签向导：

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：南宁达内培训缓存雪崩的概念以及解决方法

下一篇：南宁达内IT培训活动运营都需要关注哪些问题 >