高格调的启动引导页怎么做？

大部分的应用都采用启动/引导选其一的方式，今天我们将这两部分拆开看看。

首先是启动页，这里对启动页的定义是，用户不进行任何交互即可浏览完成的页面。常见的表现形式有：静态海报、动图/动画、视频。

1. 静态海报

静态海报的样式是最常见，也是最容易实现的形式，常用的视觉表达方法有：美学图片、品牌表现（logo/solgan/代言人/IP等）、活动动态、主题插画（天气/热点事件/活动主题等）、每日推荐类

1）美学图片

陌陌启动页

2）品牌表现（logo/solgan/代言人/IP等）

品牌表现启动页

3）活动动态

活动动态启动页

4）主题插画（天气/热点事件/活动主题等）

主题插画启动页

5）每日推荐类

每日推荐类启动页

2. 动图/动画

随着现在网络和硬件的进步，移动端也基本满足快速加载的能力，越来越多的应用在重点活动期间将启动页设置为动态的样式。使得用户产生视觉关注点，也提升了应用的趣味性。

链家启动页

3. 视频

与动画同理，视频的视觉冲击力更强，可以展示的内容也更丰富。需要注意的是，在使用视频做启动页的时候需要考虑视频文件加载时间和时长，尽可能在保证视频画质的基础上减少视频时长和文件大小（没办法保存呀，大家各自欣赏吧）。

之后是引导页，引导页的定义是指需要用户进行某种交互操作才能完全展示的页面，一般这些页面具有某些逻辑关系。常见的有：品牌形象、应用功能介绍、活动流程等。

1. 品牌形象

京东7.0启动页

2. 应用功能介绍

常用的方法，通常在新版本更新后第一次唤醒应用时展示，主要目的是展示新版本的功能及使用方法。

卖萌货启动页 新手指引

3. 活动流程

多个活动同时进行或无法在一个页面表达出多个活动，即可采用这种方式展示。

自如城市系列启动页

那么，想要高格调的制作启动/引导页该怎么做呢？

如果希望引导页看起来风格统一，可以采用同一种风格（或使用同一种技法），采用同一种版面让视觉具有连贯性。

统一视觉 统一视觉

或者，采用动效的方式让页面之间连贯起来，用动态的效果指引用户完成视觉呈现。

动态引导视觉

最后，理论只能让设计规范清晰，视觉表现还是需要多看多学习其他设计。