（个人）AR电子书系统创新实训第五周（2）

当我们第一次打开一款应用的时候常常会看到精美的引导页设计，它们在你未使用产品之前提前告知你产品的主要功能与特点，第一次印象的好坏会极大地影响到后续的产品使用体验。
因此我们也想制作一个引导页来简要说明我们app的功能，使我们的应用看起来更完整。下面我详细描述我设计引导页的过程。

1、需求分析

我们AR电子书app有两个主要的功能：一个是支持多种宣传册的展示，另一个是支持扫描宣传册的图片进行视频等AR展示。因此，我设计的引导页就围绕这两个功能进行设计。

2、制作过程

前面我已经制作了后台、开始界面和扫描界面，引导页既要与之统一，又要不太一样。所以在颜色上，我依然选择了蓝色，不同的是我这次是以白色为背景，蓝色为主要颜色。

(1)功能一制作过程

• 首先我将引导页必须的东西添上，标题“AR E-Book”，文字说明“支持不同宣传册的AR展示”，底部转换按钮。

• 之后我再设计中心部分。我苦思了很久没有思路，很是苦恼…………

• 我转换了思路，从功能性角度来说，功能一的关键字就是多种宣传册的展示

• 所以我先在界面上画了“两个宣传册”，为了看起来不那么呆板，我特意调整了“宣传册”的位置，让其侧放并符合透视原理。

• “宣传册”画好之后，还缺少“展示”，我要怎么表达“展示”这个内容呢？突然联想到WiFi的信号，可以通过向外辐射信号来表示展示的内容！

• 我先是使用了WiFi信号同款，后来觉得可能会引起误会，便替换成圆环来表示宣传册信息的展示。

• 只有圆环感觉不太够，所以我在圆环的周围添加了一些表示“内容”的小物件，有圆形、十字等表示多样的内容展示。

• 图案方面大部分完成了，之后我颜色和效果上下了很多功夫，如不完全白的背景、标题与说明文字的颜色不同，“宣传册”添加了渐变等，来丰富整个引导页。

效果图见文章底部。

(2)功能二制作过程

• 与功能一的步骤一一样，我先在引导页上添加必须的东西，标题“AR E-Book”，文字说明“扫描图片播放AR视频”，底部转换按钮。

• 这个功能的关键字就是二维平面的图片转换为三维空间中的视频等，有一个转变的过程

• 在这个基础上，我先画了一个手机，为了与第一个功能页统一，我将手机的做了适当的透视处理。

• 在“手机上”我绘制了正方形、圆等代表二维平面

• 在“手机”的周围摆放了许多三维物体，代表丰富多彩的三维世界，这一部分的图案有些的自己设计的、有些是从别地方扣下来的。

• 手机上的物件较少，手机周围的物件较多，让整个界面不会头重脚轻，看起来较为和谐

• 同样的对界面的颜色进行了整体的调整

效果图见文章底部。

3、整合过程

由于引导页是同时出现的，所有标题、文字、按钮等最好保持一致。所以我将它们合在一起，进行最后的调整，得到了最后的效果图。

4、心得体会

在制作引导页的时候一定要在理解用户对引导页需求的基础上，怀揣热爱产品的情怀，依靠精致的布局，巧妙的构思，贴切的氛围渲染，再加一点点特色。当然光讲是枯燥的，还是需要设计师在具体的设计中不断实践，总结出新的观点与方法，探索出别具一格的引导页设计。

我设计的引导页效果图如下，希望大家不喜勿喷，尊重他人的劳动成果：