Axure教程：微信启动闪屏界面制作（附设计流程及源文件素材）
现在绝大部分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，罗辑思维忠实观众，古龙小说爱好者同时是一名二流鸡汤文作者。期待与各位一起成长。
如果本文对您有帮助请分享给您的好友，也可按Ctrl+D收藏本页面，谢谢！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）微信网站的用户引导界面改如何去设计
专业互联网基础服务提供商
移动营销，从手机网站建设开始
领会您的想法，建出您心里的世界
简单、粗暴、快速、海量模板任意选
认证联盟能让用户更加信任你的网站
可信网站是网站取信于民的身份证
诚信网站是中国电子商务协会权威认证
专为企业服务的低成本网络营销方案
百度文库现汇集1.3+亿份高价值的文档资源
公司环境、团队风采、户外旅游
我们获得的荣誉不甚枚举，感谢有你
一流的销售顾问、专业的技术团队
当前位置：
微信网站的用户引导界面改如何去设计
作者：耀曦
文章来源：中万网络
更新时间：
& & & &微信网站与传统意义上的站点不同，由于手机或平板等移动设备的屏幕空间有限，即使是拥有5.7英寸屏幕的Galaxy Note3也无法在一个屏幕内展现所有页面内容。因此，网站开发者就会尝试设计出各种各样将视图叠加的方法。但是叠加的视图必须由一个按钮或者收拾来触发才能显示，这时就需要一定的学习成本。那么如何让用户快速掌握使用方法，并充分体验到设计的好处，这种情况下用户引导界面设计的重要性就会体现出来。下面我们就列出了几种较为合理的用户引导界面。
& & & 大段的文字介绍
& & & &一些移动站点和手机APP应用在界面无数据时会采取贴一长段文字来介绍页面的操作。从技术实现的角度来看，这样的设计是最容易的，但是用户体验却不理想。众所周知，用户在移动设备上几乎没有耐心去阅读长篇累牍的文章，这样就会造成大量用户的流失。因此，开发者可以在等待界面中以弹窗的形式，简明扼要的弹出一些文字说明，这样能够在保证通俗易懂的情况下，不浪费用户的时间。
& & & &通过类似PageControl的空间将应用的新增功能及介绍展示给用户
& & & &很多手机应用都是采用这种方式作为用户引导界面，但是这种形式的用户引导界面也存在一定的不足之处。首先，在很多应用中，这种用户引导界面只会出现一次，当用户快速划过屏幕进入应用之后却发现不会操作，却发现无法回头查看。其次，在某些重要更新后，可能会添加了许多新功能，这时用户在浏览到后面的页面时，很容易忘记先前页面中的内容。因此，在这种模式下，用户需要花费一定的时间来学习之后才能使用。
& & & &先期自动导入部分事例数据
& & & &一个很好的例子就是课程表管理软件iStudiez，这项应用先期可以导入很多开发者建立的课程，在完成数据导入后，日程看起来就不是一张空白的表格，就会让整个界面顿时美化了不少。尽管这样的设计能够很好地美化界面，但是在指引用户使用方面并没有发挥很大的作用。因此，严格来说，这类设计是一个很好的填充空白界面的方式。
& & & &在特定界面的操作指导
& & & &与其他界面引导方式相比，这种引导方式的优势在于它需要在一定的特定情景下才会触发引导。当用户第一次进入一个全新界面时会弹出引导，这样就能让用户明确每一个界面按钮的意义。但是在设计这种引导方式时，要尽量避免强制引导用户操作。一些应用可能会强迫用户执行某些操作才能进入下一步，或者会重复出现某些提示，这时就不利于用户体验。
　　在移动互联网飞速发展的今天，微信等移动网站早就已经变成了一种潮流和趋势，这就要求网站建设人员要多在微信网页设计和微信网站建设方面下功夫。当然，如果您在这个过程中还有疑问，欢迎咨询中万网络（）微信网站建设专家。
上一条资讯：
下一条资讯：
关注公众微信
京ICP备号-1 京公网安备63号
Copyright(C) 北京中万网络科技有限责任公司 版权所有
中万网络旗下网站：
售前：010-
售前：400-680-1266
售后：400-680-9277================================================
北京佳音知识产权服务有限公司 专业办理全国各省市地区如下业务：，，，软件著作权加急，，
&软件版权登记，软件版权申请，软件版权代理，软件版权加急，计算机软件版权
软著申请找佳音 省时省事又放心
委托佳音 静候佳音
佳音给您带来佳音
软件著作权在线
【百度/360/搜狗
软件著作权代理 自然排名全部第一喔】
================================================
1. 姗姗来迟的纯文字分组可见
　　关于这点，无需多言，但埋在这个改进背后的彩蛋（注：仅限 iOS 版微信）比较有趣，见图二，你可以发送一则空白消息。实现起来也非常简单：在纯文字界面，任意输入字符，按住「发布」的同时，点击退格键将字符删除，即可发送空白消息。当然，这也极有可能是程序员瞌睡时忘改的一个 bug 罢了，不管是彩蛋还是 bug，我比较好奇的是，如果用户发送了一则空白消息，在这个 bug 被修复后，用户的这条消息会如何处理。
2. 表情商店新增优质投稿作品
　　新版微信表情商店增加了一些艺术家的投稿作品，在表情页面，长按即可预览表情，表情下方还可进入设计师主页，结合先前微信公众号的原创功能，可以看出微信确实在不断强化高品质的原创内容，给予他们更大的曝光。我们暂且还不知道官方对待投稿作品是否为付费使用，但不怎样，官方加第三方共同产出高质量表情，对设计师、平台还有用户都是一件好事。
3. 视频播放支持进度调节
　　需要说明的是，这里的视频并非使用微信拍摄的 6 秒小视频，而是从外部上传的视频，无论视频长短，都支持拖动调节进度。问题来了，视频已经支持播放进度调节了，我们是不是可以 YY 一下，不久的未来，语音也有可能支持进度调节？
　　注：图 2 为 Telegram 聊天界面，支持视频和语音的进度调节。
4. 更清晰的修改备注界面（iOS）
　　此次更新，微信也对修改备注界面进行了调整，现在，你可以在该界面增加联系电话。此外，「添加名片或相关图片」的位置，也修改成了虚线框，更有利于引导用户去使用这个功能。而 Android 版并没有跟进这项改进。
5. 短命的快速发图功能（iOS）
　　两个月前，iOS 版微信更新至 6.2，引入了快速发图功能：将先前的「照片」和「拍摄」按钮合二为一「照片」，点击照片，会出现一个横幅预览界面，在一些场景下，效率确实提升了。但这个功能也有一些缺点：如果用户希望即拍即传，则相比之前需要多点一步；此外，快速发图默认是普清，如果用户需要发送高清原图，则还是需要进入相册，也就是说，用户在发送图片时，需要进行一个选择：当我追求效率时，使用快速发图；当我追求图片质量时，则需要点击「选择相册」，这种场景下，给用户多一个选择并非一件好事。
　　权衡以上，微信在 6.2.4 版中（暂时？）拿掉了快速发图功能。就我个人而言，我喜欢这个快速发图，因为在大多数情况下，不会使用到发送原图，而且，快速发图会保持图片的原有比例，相比现在只显示图片的中间区域要更容易辨识。还是希望微信将这个功能继续打磨打磨再次放出。
6. 更完善的消息提醒和通知（iOS） 一对一聊天时：快捷回复「OK」
　　在 6.2.4 版微信中和朋友一对一聊天时，消息通知（锁屏通知、横幅通知）新增了快捷回复「OK」，和 QQ 的快捷回复「好的」如出一辙。之前使用 QQ 的过程中，就曾被这个无厘头的快捷回复困扰，有不少次都误触。
　　其实仔细想想，像微信 QQ 这样的快捷回复使用场景都是非常有限的。要想真正实现不进入应用还能「快捷」回复，可能只有像 iOS 短信那样：下拉通知，呼出键盘，回复想回复的内容而不是一个干瘪的 OK。好在 iOS 9 开放了这个 API，真正实用的快捷回复就快要来了。
群组聊天时：新增「勿扰」与「已读」
　　在使用 Telegram 时，有一个功能设计狠狠的击中了我：定时勿扰。顾名思义，用户可以设定 1h 或 8h 或 2d 内暂时屏蔽群通知，时段过后，群通知会自动开启。完美解决在某些需要专注时（如看电影、阅读等）群通知的「打扰」。
　　Smartisan OS 中的定时静音功能和 Telegram 的定时勿扰思路完全相同，都是非常解决痛点的点子。曾经希望微信也能解决这个问题，但当我发现微信的免打扰只是帮你开启群通知的「免打扰」，且一旦开启，不会自动关闭时，我是拒绝的...... 它确实可以解决一些问题，但过高的期许还是会觉得有待改进。
　　以上就是 6.2.4 微信的几个更新点，总的来说，对用户体验的提升是有的，特别是朋友圈支持纯文字分组功能，对得起这次 0.0.4 小版本的升级。就让文中的各种不满归结于对微信过高的期望吧。还没有升级的用户赶紧升级吧。
　　文章来源&少数派&，原作者&觉主好难养&。
相关新闻 & & &
　　　同意评论声明
　　　发表
尊重网上道德，遵守中华人民共和国的各项有关法律法规
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
本站管理人员有权保留或删除其管辖留言中的任意内容
本站有权在网站内转载或引用您的评论
参与本评论即表明您已经阅读并接受上述条款
专业软件著作权代理服务
最新IT新闻
软件著作权在线 全国客户服务热线：400 001 9768
本网站已经在工业和信息化部备案
Copyright 2014 & 北京佳音知识产权服务有限公司
地址：北京市朝阳区望京中环南路甲2号四层B6127查看: 18759|回复: 15
锁屏的桌面被蒙上了一个微信的画面？
没注意是什么时候开始，
锁屏的桌面发生了变化：
现在不再是原来设置好了的桌面图片，
也没了日期时间的信息显示。
而成了带“微信”字样的空白桌面，
还有一套播放和快速进退的按钮。
按一下HOME键后能显示日期时间，
但仍然不显示桌面的图片。
这是什么情况，如何消除它？
IMG_1393.PNG (90.9 KB, 下载次数: 1)
15:07 上传
现在的锁屏画面
IMG_1390.PNG (88.96 KB, 下载次数: 1)
15:07 上传
按一下HOME键后的结果
IMG_1395.PNG (378.6 KB, 下载次数: 1)
15:07 上传
预设的桌面图片
把微信在后台关闭了再试试看。
感谢，管用~&
重启下试试，没准是个bug而已
谢谢，你这办法管用~&
重启下试试，没准是个bug而已
好建议，这就马上试一下~
PS：已经忘记上次是什么时候重启的了，苹果就是稳定~
我也遇到过这个情况 在微信朋友圈里听歌或者看视频 然后不退出的情况下直接锁屏就这样了
我每次都是直接开锁 关后台 再锁定
重启下试试，没准是个bug而已
太感谢你的建议了哈！
使用了苹果后就慢慢地忘记了重启系统的习惯了，呵呵。
重启下机器呢
我也遇到过这个情况 在微信朋友圈里听歌或者看视频 然后不退出的情况下直接锁屏就这样了
经验之谈，谢谢~
我每次都是直接开锁 关后台 再锁定
好习惯~~~~~~~
站长提示： /1
Powered by
北京市公安局海淀分局网监中心备案编号：}