交互学堂
专注分享专业知识

【IxD案例】国际第一时尚品牌VGUE-iPad端案例

今天给大家分享一个原型,这是第一个分享原型制作的源文件,还请大家多多见谅,源文件有点小复杂。
附件内的源文件为高保真的原型,模拟了很多的效果,下面我给大家说一下
1)原型中在ipad桌面可以点击icon 多次启动App原型,第一次启动和第二次启动界面不同
模拟 App首次启动显示默认图片,启动之后获取到服务器推送的运营内容图片缓存到本地,第二次启动后显示该图片,这部分在实际项目中可以用在品牌广告部分或是内容的运营使用。

image
2)首页面TOP 栏目可自由滑动切换,切换后首界面list部分内容会发生变化。同时还可通过鼠标上下滑动。

image
3)在界面内插入 MP4短视频预览功能效果的模拟

image

image
4) 在界面内插入  数据加载 部分的交互效果:显示规则是:优先显示默认底图、文字标题、当滚动事件结束时,将当前界面部分内容正是图片显示出来。

image
5) 在首界面内加入 上下滚动的交互事件,只要向上滚动就隐藏TOP  只要向下滚动就显示TOP
原型不足地方:没有放锁边效果以及向下滑动刷新数据效果。
声明:本原型界面加入了很多的交互效果,很多操作和交互重叠,所以大家看源文件的时候需要慢慢的仔细看。
原型中 iPad 底图的HOME按钮可点击关闭原型回到桌面,再次点击启动App

image

6)在线演示:[button title="点我点我!!!" url="https://www.iamue.com/demo/4/VGUE-iPad/start.html#p=ipad_" color="success" size="btn-sm"/]
原型文件下载:[button title="点这里下载" url="http://mp.weixin.qq.com/s?__biz=MzAwMjAyNzMzMQ==&mid=402516241&idx=2&sn=cc0c02260ad17fa977881fbc456b23f9#rd" color="success" size="btn-sm"/]

20160222210902

赞(0) 打赏
未经允许不得转载:IAMUE » 【IxD案例】国际第一时尚品牌VGUE-iPad端案例

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏