全面解析APP启动页/闪屏/引导页设计技巧
全面的解析一个APP 启动页/ 闪屏 / 引导页这样的设计过程
APP 启动流程
启动页Launch Screen
官方建议：
1、不建议过多设计
2、不要做广告
3、仅仅用以传达给用户，应用快速响应认知。
启动页是应用每次冷启动过程中展示给用户的一个过渡页面，用于减缓用户在打开应用时等待的交流情绪。
特点：
通常是一张背景图片，无法进行交互，不可点击页不可跳过，展示时间不可控。
注意点：
1、避免包含太多文字字符
2、不要过于吸引用户的注意
3、不要做广告
闪屏Splash Screen
启动页形似闪屏但拥有交互功能，通常用于展示营销活动广告图片并引导用户点击。
特点：
展示运营活动广告，时间较长，有交互行为，可点击进入，可点击跳过
引导页Onboarding Screen
用户安装或更新后首次启动时展示的数个页面，常用于介绍应用的核心概念，功能玩法，使用场景，核心变更。
特点：
可交互，左右滑动切换页面，最后一页有进入按钮。
注意点：
1、轻易不要使用引导页，以免阻碍用户快速的使用体验。
2、为了降低用户反感程度，引导页数通常越少越好（小于5个）
3、尽量提供“跳过”按钮
4、每页的文案不要超过9个字，如果更多内容可以用小号文字进行辅助说明。
启动页设计技巧
-
启动页设计思想是一句话告诉用户产品定位是什么（我是谁？我是做什么的？）
设计三要素
强化品牌感
使用品牌元素（logo、slogan、IP形象、品牌色等），强化用户对品牌的认知
意境图片
非洲大陆是人类起源的开始，有人的地方就有沟通。
启动页总结
1、不可交互
2、配置在安装包中
3、每次启动APP都展示
4、展示时间不可控
5、不可跳过
6、logo+产品名称+产品定位
闪屏设计技巧
-
闪屏设计时也有三要素，记住关键词哦～
常见的闪屏样式
广告闪屏
1、展示平台重要活动或者资讯
2、广告主业务需求产生推广收益，后台需要支持广告主可以查询推广数据
节日闪屏
向用户传递节日祝福、渲染节日气氛，同时能带给用户新鲜、有趣的情感，帮助产品拉近与用户的距离，增加用户对产品的粘性。
设计区别
布局思考
需要考虑到平滑过度，设计时预留固定广告位置和品牌位置，启动页和闪屏会顺滑无违和感的过渡。
特点总结
1、可以交互
2、后台配置，前台调取
3、非每次展示，根据需求
4、可设定固定展示时间
5、可跳过
6、logo+图片内容+读秒跳过
启动页和闪屏总结
1、启动页是应用每次冷启动过程中展示给用户的一个过渡页，不具备任何交互功能
2、大部分应用的启动页使用品牌元素，加强用户对品牌的认知
3、闪屏在启动页之后，非必要出现，根据需求而定，有交互功能
4、启动页设计布局时需要考虑是否要与闪屏平滑过渡，共用布局
引导页设计技巧
-
引导页设计思想：宣传产品的核心功能与优势（我该怎么使用？我有什么亮点？）
引导页也需要设计三要素：
案例展示1
介绍产品的功能亮点或版本变化
案例展示2
表现企业愿景，引发用户共鸣，吸引用户的关注
案例展示3
生活情感化，代入感非常强，自如这套引导页很有感染力
页面形态
引导页总结
1、是否必须存在，存在需要理由，不是为了做而做
2、需不需要跳过按钮，找到用户体验和品牌运营的平衡点
3、选择动态图还是静态图，哪一种更适合产品的调性，考虑开发成本
4、注意页面的焦点，也可以选择图只动一小部分，更容易突出焦点
5、引导页页数一般在3-5页即可
设计思路
如果觉得有帮助，请关注我的公众号【 UX设计笔记 】，每天推送小知识
