APP引导页设计

示例配图请至原文链接查看

财富app设计项目背景：从“xx理财app引流至新“xx财富”app，两者之间存在理财产品的不同，同时朝更合规方向发展。新app无用户积累等数据。

引导页是在app主界面基本完成后开始设计的，是在有主风格与配色的前提下。宣传的产品文案也基本确定下来。

 

设计步骤：先从引导页展示的目的出发，再结合实际app情况去确定宣传标题，最后结合不同的设计展示方式以及动效。

 

一．展示目的

①．产品特色介绍；以展示产品主要/特色功能为主，对用户有直接的吸引力。标题文案尽量简明扼要。

②．操作引导；简单教会用户如何使用，类似操作方法或步骤，以遮罩和提示居多。最好可以选择性跳过，不强迫。

③．理念传达；以传达态度理念，生活方式等为主，比较概念和意义上的东西，吸引用户达到某种程度的共鸣，从而产生吸引力。

④．侧面实力烘托；多用于有实力/特色的产品或者企业，展示自身优势，让用户对产品产生信赖感。

⑤．问题解决；指出用户所面临的问题，而你的产品正好可以解决。

二．结合实际情况

结合自身app/企业所具有的优势；产品的功能特色；产品的定位；等相应的展示目的。当然，也存在混合展示，不过要把握好标题的设定，在标题与设计上达到统一。

 

三．设计展示方式

①．静态页面（插图风格：纯扁平/3D立体/C4D空间/材质赋予/写实等）

a.    标题+局部插图；

b.    标题+半屏/全屏设计

c.    样机展示类

②．动效设计

在引导页中加入动效，目的在作为用户刚接触产品的初始，给用户留下好感或印象。动效设计不宜复杂，在后期迭代中展示目的很可能会发生变化，需要控制开发成本不宜过高。

 

 

设计需要注意的问题：

1.文案简洁；主题与副标题文案的凝练，过长不便于给用户留下印象

2.风格搭配；设计风格与app搭配

3.扩展性；例如换掉一页或者新添加一页，设计的布局以及动效是否同样适用