每次手机打开微信,进入到首页之前,都需要等待一段时间,等待时我们看到的那张人站在星球上的图片实际上就是微信的启动页。启动页的作用除了缓和用户等待的焦虑情绪外,还有为APP定调性的作用,现在有很多APP的引导页已经变成了广告位,用以实现盈利。今天我们以微信为例,一起来看下这种效果的实现方法。

Axure教程:以微信为例,制作APP启动页的效果

效果图在此镇楼

Axure教程:以微信为例,制作APP启动页的效果

教程

1、创建动态面板与手机屏幕(手机屏幕也可以不做,不影响)

Axure教程:以微信为例,制作APP启动页的效果

2、创建动态面板各个状态的元件

Axure教程:以微信为例,制作APP启动页的效果

3、在home页配置启动页的图片,并将其隐藏,并把它移入屏幕

Axure教程:以微信为例,制作APP启动页的效果

Axure教程:以微信为例,制作APP启动页的效果

4、配置微信logo交互:点击微信logo时,显示图片;图片等待一段时间后,隐藏并设置动态面板到首页。

Axure教程:以微信为例,制作APP启动页的效果

Axure教程:以微信为例,制作APP启动页的效果

Axure教程:以微信为例,制作APP启动页的效果

Axure教程:以微信为例,制作APP启动页的效果

5、大功告成,预览看一下~