UI——day6.引导页的设计

1. 认识引导页

   定义： 出现在加载完启动画面之后、进入界面首页之前用户所见到的一系列画面。往往是第一次打开应用时出现的画面且仅出现一次。

   作用： 在用户使用产品之前提前告知其主要功能与特点

   看一下引导页中有什么元素？

   图形、图片、文案、分页点、*跳过/关闭按钮(最后一页由进入代替分页点或添加进入按钮)数量要合理，一般在4页左右

2. 包含元素及展现形式

   1. 文字与界面组合

      优点:能较为直接地传达产品的主要功能
      缺点:过于模式化，显得千篇一律

   2. 文字与插图组合

      优点:活泼生动吸引眼球

      缺点:设计耗时长，费脑

   3. 动态效果与视频

      优点:生动直观，氛围活泼
      缺点:设计成本高，占用内存大,可能引起卡顿

3. 新手的8种引导方式方式

   1. 蒙层引导(点击按钮/空白处)
   2. 气泡提示引导
   3. 动画视频引导
   4. 教学式引导（每操作一步就有操作反馈）
   5. 预加载任务（提前加载实例）
   6. 空状态引导
   7. 互动式引导
   8. 引导页

4. 引导页的3种分类

   根据引导页的目的、出发点不同，可以将其分为功能介绍类、使用说明类、情感共鸣类等

   1. 介绍功能类

      最常见的引导页类型，对APP新版本的主要功能进行展示，让用户提前对新功能有一个大致的了解。

      采用的设计形式一般是提炼功能点浓缩成一个标题或—句话，并以直观的图形来解释这个功能点，多用插图或者提取界面的形式。

   2. 使用说明类

      对用户在使用产品过程中可能会遇到的困难、不清楚的操作、误解的操作行为进行提前告知。

      可能出现在界面首页之前，用插图或者提取界面的方式将新功能的使用步骤演示绘制出来，以方便用户清晰地理解;也可能出现在界面中，以黑色半透明蒙版覆盖当前页面，在蒙版上解释功能或操作，此时以手绘居多。

   3. 情感共鸣类

      根据产品定位和目标人群特点，用情感化设计传递产品的态度和价值观，让用户理解产品的基调的情怀，借以打动他们。

   总结
   要点一:基调要准确

   要点二:引导页是系列界面，一定保证风格统

   要点三:文案很重要，根据实际情况与运营沟通