APP启动引导页是用户首次安装或更新APP启动后展示的页面，目的是使用户能够快速愉悦地了解该产品的核心概念、功能玩法、重大升级等。作为用户接触产品的第一触点，有吸引力的启动引导页是建立品牌良好形象和第一印象的有效手段，是建立与用户长期关系的基础。

APP启动引导页通常有3-4页，和用户只有几秒钟的接触时间，用户可以点击或滑动页面来切换引导页并最终进入APP首页。在这个短暂的过程中，需要从全局去考虑并开展设计以满足用户需求和产品目标，维持两者平衡实现双赢。

用户目标

产品目标

快速愉悦的学习使用

促进用户转化

用户目标：

从满足用户目标的角度来说，需要通过画面告诉用户我们的应用能做些什么？如何使用它？这样使用能给用户带来什么价值？总之是可以让用户快速愉悦地了解、学习使用我们的产品。

产品目标：

好的设计除了能给用户带来良好体验，还要体现商业价值。从满足产品目标的角度来说，需要让用户对新功能产生认知，引导新手用户快速向活跃度高的忠实用户进行转化，提升产品品牌印象。

如何设计出高效简单易懂的画面，来引导用户快捷地知晓产品的新功能呢？

设计洞察——意在笔先——草图构图——设计实现

设计洞察

在设计之前，需要先收集一些主流APP启动引导页的优秀设计案例；之后对这些案例进行归纳分类，我们可以将收集到的启动引导页的设计形式归纳为以下几种典型样式：产品界面类、情景插画类、GIF动画类等。

收集案例

主流优秀设计

归纳分类

界面、插画、动图等

深入分析

类型差别、创意灵感

接下来要对每种设计类型进行深入分析，分析它们如何叙述产品特点，理清每种类型的差别及优缺点，以及哪种情况下适合采用哪种形式。从这些案例中找到灵感创意，寻找设计规律。

产品界面形式（图片来源：于飞猪APP）

场景插画形式（图片来源：dribbble）

轴测图插画形式（图片来源：dribbble）

产品界面类适合产品全新改版的功能说明。

场景插画类的视觉语言丰富，可以与用户进行情感交流，让用户感到温暖，帮助产品获得用户信任，并且对品牌宣传以及传递品牌形象有很好的传播效果，有助于加深用户对产品的印象。

以XX产品为例，本次版本迭代的三个新功能点分别是“使用订阅更高效、租房定金可担保、芝麻信用领勋章”，都是产品的功能点优化，采用场景插画的形式更适合展现产品的功能特点。通过插画融入情感要素，能够更加形象地让用户感知产品功能，吸引用户体验产品。在插画类别当中，当下很流行轴测图形式。轴测图形式可以使画面内容更加有层次感，提升趣味性，有吸引力，让用户更乐意把引导页看完。因此最终确定采用轴测图情景插画的形式去表现。

意在笔先

以“租房定金可担保，平台保管资金安全”引导页为例，简要介绍一下页面的构思过程。首先根据产品新功能点提炼出关键词：担保、安全、达成协议；其次由关键词延伸到租金、盾牌、握手、钥匙等；由延伸出来的词汇进行发散性思维，关联与此主题相符的所有元素；最后将延伸出的关键词与视觉符号关联起来，整合打乱，针对每个页面功能梳理这些视觉符号，确定分别的主视觉图形，如用盾牌展现定金的可担保安全等。

草图构图

用草图表达基本的故事情节，设计思想简单明了，更能提高效率；除此之外，草图能快速记录、直观展现自己的设计想法，及时与产品经理达成共识，避免后期反复修改的风险。

草图阶段根据确认的主视觉焦点图形构建场景画面。为保证视觉的统一性，三个页面需要在针对独自画面的基础上，版式不可有太大变化。

本次构图画面统一采用手机为平台，分别放置主视觉焦点火箭、盾牌等，并根据画面构图安排次要元素，打造合理的情景画面。这个过程需要三个页面同步进行，以便筛选出每个页面的主视觉焦点和互相对应的场景元素。

设计实现

建立清晰的视觉层次：从满足用户需求的角度来看，需要让用户快速、愉悦地学习使用产品。这就决定了在画面塑造上要保持画面简洁，突出核心功能。

运用视觉属性将元素分组，根据场景决定哪些元素需要立即被看到，哪些次之；然后调整尺寸大小和位置来区分层次结构；根据元素之间的关系，将相似功能的元素在视觉上组织到一起。

色彩调整：布局好画面之后就进入了上色环节。通过色调及色彩饱和度的调整可以让用户专注于核心内容，让用户的视线焦点集中在主要元素上，形成沉浸式体验。关键元素采用核心品牌色彩——鲜活明亮的桔色。用高饱和度颜色突出内容，用低饱和度色彩弱化次要元素和背景。除此之外还加入了渐变色，让画面层次感更丰富，可以呈现出更加通透的轻拟物质感，吸引用户眼球。

趣味性：画面中放置符合情景的人物元素可以营造画面故事性。故事情节是支撑画面的灵魂，使用触动情感的画面或故事情节，可以让用户产生情感共鸣。如画面中采用两个人握手的画面情节，让用户感知到安全保障顺利达成目标，类似故事情节的设计可以给用户留下比较深刻的印象，同时可以吸引用户更乐意把引导页看完。

激励性：从满足产品需求的角度来看，需要引导新手用户向忠实用户转化，这就需要用隐形的方式来激励用户。如租房定金担保的安全性保证可以让用户觉得我们是一个可信的平台，从而提升用户对平台的信任度，激发用户快速融入参与。

有效性——平衡用户需求和产品目标

APP启动引导页设计首先要保证引导的有效性，简单易懂，突出核心，可以让用户更好地去使用产品、减低认知门槛。我们需要通过一定的设计原则平衡好用户需求与产品目标之间的关系，更好地实现两者之间的共赢。

顺应设计趋势——保持设计新鲜感

时下的设计趋势总是在不断的变化，我们的设计形式也要顺应趋势调整，在与产品基调一致的基础上，时刻保持设计的新鲜感。这就需要我们去主动了解洞察这些趋势。为了塑造良好的品牌印象，每一次的开屏画面在形式上都延续了扁平化风格，因事制宜，保证产品UI全局的一致性。这样可以让用户在看到引导页的时候对产品有一个大致的基调认识和感受，慢慢积累品牌的认知度，最终产生品牌传播效应。

未来探索——探究更多创意方案

随着58APP的版本更新，启动引导页设计逐渐形成了自己的设计风格。在这个过程中，我们也在不断的摸索如何提升用户的视觉体验及产品品牌印象，从而有效促进用户转化。设计师的工作往往始于概念终于方法论，而方法并非一成不变，未来我们会用专业的设计态度去探究更多的创意方案。