注册 | 登录
喜欢码字&闲聊的产品狗，公众号：龙潇
从零开始学运营，10年运营老司机带路，2天线下集训+1年在线学习，做个优秀的运营人。
现在绝大部分APP都有自己的启动画面，那么在原型图的制作中，如何制作这种带有延迟自动消失的启动画面呢？
在这以iOS版微信为例，来为大家图解如何使用Axure进行启动画面制作。
一、功能描述
点击界面中的APP图标，微信启动画面渐变出现，一段时间后显示微信主界面。
二、素材准备
苹果iphone5s.png、AppIcon.png、发现.png、微信.png、启动画面.png、通讯录.png、我.png、桌面背景.png
三、教程学习
1、制作iPhone手机桌面控件。
打开Axure，拖入“苹果iphone5s.png”作为手机框架，“桌面背景.png”置于“苹果iphone5s.png”上方作为桌面背景，利用label及rectangle等控件作为iPhone手机顶部栏并组合，拖入“微信.png”作为微信APP图标。完成效果如下图所示：
2、启动画面图片加入
拖入“启动画面.png”至home,我们将其大小和位置数值设置为与桌面背景相同的值，并取名为启动画面，一定要记得取名，方便之后在操作中选中。之后再右击“启动画面.png”设置为隐藏。
3、微信主界面制作
在部件中选择动态面板，将此动态面板命名为“微信主界面”，我们将其大小和位置数值设置为与桌面背景相同的值，双击state1将其打开。
在state1中，利用基本部件组合及图片添加进行微信聊天界面制作，这里就不详细介绍。效果图如下：
制作完微信聊天界面后，回到home选择动态面板将其设为隐藏。
注意事项：手机顶部栏一定要选中它们置于最前方，这样才能在动态面板中显示出来。
4、启动画面动画添加
在添加动画之前，先看一下我们的图层顺序是否正确。置于最前方的是手机顶部栏，之后是微信主界面，再是启动画面，微信app图标，微信背景。
（为了方便看清楚图层顺序，可以先将启动界面和微信主界面设为可见，看其图层顺序是否正确）
为了便于操作，我们先将启动画面和微信主界面从手机页面移开至空白处。
选中微信app图标，选择界面右侧交互事件中的点击事件。
一共添加5个事件：
渐变1000毫秒之后显示启动画面，并且启动画面置于前方（置于前方是为了挡住手机顶部栏，因为微信在启动画面中不会显示顶部的时间等信息）
等待1500毫秒
显示微信主界面
渐变500毫秒之后隐藏启动画面
将启动画面置于后方（置于后方是为了在日后微信主界面的过程中其他控件可被点击，如果启动画面位于微信主界面之上会影响点击效果）
5、最后一步：
点击预览，就可以看到啦
启动画面的制作其实很简单，想清楚启动过程是怎样的，在事件中依次设置便可以。Axure中可以设置图片淡入淡出，因此可达到很好的动态效果。
在此过程中容易犯的错误就是图层顺序问题。在原型制作的过程中，如果没有事先想好图层顺序很有可能预览时会发现后面的图层竟然冒了出来。
原型图要注意其可扩展和修改性以及图层的取名。当原型图变得越来越复杂的时候，需要对每个部件有一定的命名标准，不然很容易混搅。
最后，所需要的素材及本次启动画面源文件以及整个微信原型图源文件的百度云链接如下：
链接： 密码：0sqs
官方链接： 密码：0os4
#专栏作家#
龙潇，95后工科女，人人都是产品经理专栏作家。伪程序猿，熟悉售后服务交付，关注物联网行业的发展趋势，喜欢研究各种好玩的APP，罗辑思维忠实观众，古龙小说爱好者同时是一名二流鸡汤文作者。期待与各位一起成长。
本文原创发布于人人都是产品经理，未经许可，不得转载。
欢迎打赏支持原创
收藏已收藏 | 278赞已赞 | 25
喜欢码字&闲聊的产品狗，公众号：龙潇
产品经理群运营交流群求职招聘群
Axure交流群
PM要学点技术
关注微信公众号
9个回答40人关注
8个回答8人关注
8个回答9人关注
10个回答12人关注
8个回答26人关注
16个回答19人关注查看: 2311|回复: 6
在线时间3 小时经验值574 最后登录注册时间帖子阅读权限60UID8483074
大学本科, 积分 574, 距离下一级还需 126 积分
TA的每日心情慵懒 22:32签到天数: 186 天[LV.7]常住居民III
G币504 最后登录注册时间
本帖最后由 bearyin 于
23:11 编辑
升级6.2后，S6朋友圈链接闪屏非常严重，无意中用微信的多任务窗口功能，发现再没有闪屏了，还闪屏的各位可以试试。
具体操作：
在任意聊天窗口输入//multiwebview并发送
该命令是将聊天和文章页面就可以被拆分为两个任务，并能同时出现在多任务切换页面中。如果在看文章过程中来了微信消息，回复消息后可以再跳转回文章。
在线时间2993 小时经验值7849 最后登录注册时间帖子阅读权限140UID98342
叫兽, 积分 7849, 距离下一级还需 1851 积分
TA的每日心情开心 18:19签到天数: 116 天[LV.6]常住居民II
G币32 最后登录注册时间
老套的了呀！
在线时间0 小时经验值1252 最后登录注册时间帖子阅读权限80UID
研究生, 积分 1252, 距离下一级还需 448 积分
TA的每日心情无聊 18:28签到天数: 4 天[LV.2]偶尔看看I
G币428 最后登录注册时间
老了点& && && && &
各位外星人好，我来自地球！
在线时间6 小时经验值522 最后登录注册时间帖子阅读权限60UID
大学本科, 积分 522, 距离下一级还需 178 积分
TA的每日心情开心 20:07签到天数: 3 天[LV.2]偶尔看看I
G币0 最后登录注册时间
确实不闪了！
在线时间3 小时经验值574 最后登录注册时间帖子阅读权限60UID8483074
大学本科, 积分 574, 距离下一级还需 126 积分
TA的每日心情慵懒 22:32签到天数: 186 天[LV.7]常住居民III
G币504 最后登录注册时间
wxq2688198 发表于
老套的了呀！
老套了是能解决微信闪屏的问题，为何在之前我们为微信闪屏头疼找不到方法的时候，你为何不能告诉我们一下能用这个方法解决呢？
我发出来是帮助还在闪屏的人解决这个问题，不是单说命令。
在线时间13 小时经验值482 最后登录注册时间帖子阅读权限60UID139773
大学本科, 积分 482, 距离下一级还需 218 积分
TA的每日心情奋斗 09:13签到天数: 5 天[LV.2]偶尔看看I
G币0 最后登录注册时间
好像重新装一下就没事了。清空数据，之前也是闪死人~ 连发个表情都闪。
绑定QQ帐号，轻松分享到QQ空间与腾讯微博
浏览过的版块
下午好，尊敬的用户
- 山东省济南市 天地网联科技有限公司
Powered byiPhone6 plus最近使用微信和手机百度，出现频繁闪屏现象，是不是屏幕坏了？是什么原因呢？_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
iPhone6 plus最近使用微信和手机百度，出现频繁闪屏现象，是不是屏幕坏了？是什么原因呢？
我有更好的答案
其他的软件没有闪屏的话就不是手机的问题而是软件，建议你先重装软件试试
采纳率：62%
来自团队：
有可能是版本的原因，你可以卸载，再下载安装就可以了，希望可以帮到你，谢谢请采纳哦
可以重新下载一下试试
为您推荐：
其他类似问题
iphone6的相关知识
等待您来回答帖子很冷清，卤煮很失落！求安慰
手机签到经验翻倍！快来扫一扫！
华为畅想7玩微信闪屏，闪退，卡
10浏览 / 8回复
华为畅想7玩微信闪屏，有时候卡在哪，就像一口气上不来一样，随后秒退，刚买来的时候没什么问题，用久了这问题就出来了，特别是看关注的信息和视频，一闪一闪的，大家也是这样吗，有什么解决的方法没？（我是从华为应用市场下载的微信，而且还初始化过）
热门排名: 第14名
楼主，建议你使用手机助手查杀一下病毒什么的。再清理下手机缓存试试看会不会恢复。如果不行的话，建议楼主把微信卸载重新在应用市场下载个微信安装并升级到最新版本试试看。
你好，升级一下微信到最新版本试试。或者手机升级一下试试。
你在群里看看，谁的畅享七是没毛病的。
呵呵，哥们，你话说的，，，平衡了
专业抢二楼！顺便笑摸狗头
欣赏支持好友佳作！
表面看作者是文章是结构松散，略显凌乱，实际上却是把 “细节主义”发挥到了极致，只言片语之间处处显露真情实感。这种螳螂捕蝉，黄鹊在后的写法早已突破了散文范畴里的形散神不散的境界，其独辟蹊径，造化之神也只有当年张三丰自创太极可以与之相媲美。
可能感兴趣的板块：
用户名/注册邮箱/注册手机号
其他第三方号登录}