网站首页 > 设计资讯> 文章内容

Axure案例:如何制作微信原型?

※发布时间:2019-3-20 8:07:40   ※发布作者:habao   ※出自何处: 

  笔者作为小白,将自己画的第一份原型铺出来,目的是为了和大家一起交流学习。本文是基于薄熙莹黄菊自杀真相最新版本的微信来写的,将在最大程度上还原微信原型的交互效果。

  由于页面过多,只上了部分效果图。开头已经说明,笔者尽自己最大的能力模仿微信的交互,并没有完全一样,望大家能够体谅。

  具体元件和微信朋友圈界面是一致的,或者打开我的原型链接查漏补缺,因为实在是太多元件了,这里就不一一标注了。

  需要注意的是,要设置两个动态面板,形成嵌套关系,即是要移动的内容放到第二个的动态面板中,第一个动态面板所设置的大小等于所显示的内容。,第二层的大小一定要大于第一层的大小。

  事件二:当上滑的页面高度大于朋友圈的背景图片所呈现的顶部菜单样式,值“-309”是页面下滑的,由于页面是上滑,所以是负的,你可根据你的具体大小来设至。

  事件一:如果页面下滑的高度大于0,要是页面回到初始;还需显示旋转组合,并且使它旋转触动旋转事件。

  其实原型的制作过程并不复杂,虽然操作步骤很多,但其交互效果还是及其简单的,如果大家感兴趣的话可以一起交流。

  

相关阅读
  • 没有资料