网站首页 > 界面表现> 文章内容

Axure教程:微信启动闪屏界面制作(附设计流程及源文件素材

※发布时间:2018-12-7 18:00:21   ※发布作者:habao   ※出自何处: 

  现在绝大部分APP都有自己的启动画面,那么在原型图的制作中,如何制作这种带有延迟自动消失的启动画面呢?

  打开Axure,拖入“苹果iphone5s.png”作为手机框架,“桌面背景.png”置于“苹果iphone5s.png”上方作为桌面背景,利用label及rectangle等控件作为iPhone手机顶部栏并组合,拖入“微信.png”作为微信APP图标。完成效果如下图所示:

  拖入“启动画面.png”至home,我们将其大小和数值设置为与桌面背景相同的值,并取名为启动画面,一定要记得取名,方便之后在操作中选中。之后再右击“启动画面.png”设置为隐藏。李悦是谁儿子

  在部件中选择动态面板,将此动态面板命名为“微信主界面”,我们将其大小和数值设置为与桌面背景相同的值,双击state1将其打开。

  在state1中,利用基本部件组合及图片添加进行微信聊天界面制作,这里就不详细介绍。效果图如下:

  在添加动画之前,先看一下我们的图层顺序是否正确。置于最前方的是手机顶部栏,之后是微信主界面,再是启动画面,微信app图标,微信背景。

  启动画面的制作其实很简单,想清楚启动过程是怎样的,在事件中依次设置便可以。Axure中可以设置图片淡入淡出,因此可达到很好的动态效果。

  在此过程中容易犯的错误就是图层顺序问题。在原型制作的过程中,如果没有事先想好图层顺序很有可能预览时会发现后面的图层竟然冒了出来。

  原型图要注意其可扩展和修改性以及图层的取名。当原型图变得越来越复杂的时候,需要对每个部件有一定的命名标准,不然很容易混搅。

  龙潇,95后工科女,人人都是产品经理专栏作家。伪程序猿,熟悉售后服务交付,关注物联网行业的发展趋势,喜欢研究各种好玩的APP,罗辑思维观众,古龙小说爱好者同时是一名二流鸡汤文作者。期待与各位一起成长。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。

  本文由来源于财鼎国际

相关阅读
重庆学习网zslpsh,0755深圳房产人才招聘网,拾年网90后,anedc股票,最新电影下载淘娱淘乐,重庆中学生网高考,重庆中学生网高考,学习重庆方言网,重庆中学生学习方法,重庆俗语网,中学生网zslpsh,0755深圳交友网,重庆初中生,贵州重庆方言网,025新闻网,西南重庆方言歌曲,025南京交友网,重庆农家乐美女,观赏蟹种类zadull,云南重庆方言网,重庆中学学习网,028成都交友网,推广taoyutaol,西南四川方言网,观赏龟论坛zadull,四川重庆方言网,022天津交友网,重庆中学生网家长,鹦鹉鱼zadull,重庆俗语,电影淘娱淘乐,taoyutaole娱乐,华夏视讯网,0755深圳旅游招聘,昆明重庆方言网,淘娱淘乐影视,www.00game.net,观赏鱼zadul,重庆高考zslpsh,重庆中学生网高考,027房产招聘网,坝坝舞wagcw,西南重庆方言网,贵州重庆方言网,重庆言子儿网,热带鱼zadull,重庆高考zslpsh,0755深圳旅游招聘网,淘娱淘乐影视网,0571.361.cm,重庆方言学习网,028成都新闻,异形观赏鱼种类,影视网淘娱淘乐,最新电影下载淘娱淘乐,0773桂林论坛,拾年网80后动画片,观赏蟹论坛zadull,观赏龟繁殖教程,重庆一中zslpsh,重庆俗语网,广场舞wagcw,观赏虾的种类zadull,观赏鱼观赏虾观赏龟,西南方言网,观赏鱼之家论坛zadull,战争前线辅助00game,西南重庆方言小说,重庆中小学zslpsh,推广taoyutaol,战争前线论坛00game,0871交友网,025南京新闻网,重庆言子儿网站,娱乐taoyutaole,022天津交友网,025新闻网,重庆中学生网学习,022天津交友网,重庆方言歌网,www.120.cm健康网,anedc股票,重庆初中生