【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

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/13094/

(0)
iouedioued
上一篇 2016-02-21
下一篇 2016-02-22

相关推荐

  • Axure手机多屏幕滑动原型案例下载

    网络中有价值的Axure原型案例不多,给客户做的原型或者自己公司内部的几乎没有人愿意共享出来,这很正常。建议刚刚学习Axure的小伙伴儿们不要到找人索要原型,换位思考一下,你付出劳动制作好的成品也不会随意送给…

    2015-01-04
  • 社交APP-Same的产品和交互设计体验总结

    手机里总有一些app是下载试用了之后不会卸载的app,而same这款app在我的手机中是呆的时间最长的一款,我并不经常打开它,即使在其体验出现各种问题时,比如闪退,引导页进不去app(需杀掉进程进入,偶尔一次可进去…

    2016-03-14
  • 购物商城微信公众号交互设计

    设计背景 由于微信公众号轻应用的设计需要在微信的结构框架中进行,信息架构和导航布局需要基于微信的开发接口和架构来做,项目开始时微信针对公众号的导航框架刚好有做出调整,在进入公众号里面的页面后可以逐级返…

    2015-11-06
  • Axure案例-联想输入提示,Axure中继器的使用

    点击右面下载:axure-case-https://www.iamue.com 不多说了,源文件分享,使用Axure打开编辑可以查看原理。 日安 转载的童鞋带上:木卫艾欧网-交互学堂》 Axure案例-联想输入提示,Axure中继器的使用 

    IxD案例 2015-02-04
  • 闪光的消亡对于用户体验来说意味着什么?

    而 Flash 是一个控制狂,那些拥抱 HTML5 的人往往是渐进增强的冠军。最后,我们的用户获胜。SuAnne 探索途径挑战现状,为现代的 web 设计。 Adobe 公司的决定停止移动 Flash 平台的开发及在 HTML5 相关的努力增加其…

    2014-09-04
  • 蜕变.进化——百度云Android端7.0项目总结

    项目背景: 百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。 旧版的Android客户端随着每一次版…

    2015-03-18
  • 深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?

    来源:H5广告资讯站 作者:小呆 原创文章,转载请联系本人! 记得在上个月小站推荐万达的第一支一镜到底H5作品时,就有用户曾放下狠话:“你就等着我们的一镜到底吧!” 因为留言的人是圈内的技术大神,自然也就引起…

    2016-10-25
  • APP细节打磨绝招 “微交互动画”

    著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”而交互设计同样是如此。设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?也正是因此,那些精心设计的微交互会让用户体验显得精巧而到位。

    2016-09-08
  • 隐藏在今日头条百亿市值背后的算法:巨大可能与现实困境

    文/余亮 无论2016年科技圈热门的噱头有多少,对数据基础设施方面的耕耘仍然是决定实力的关键。阿里之类电商数据帝国自不待言,今日头条、一点资讯等在资讯数据领域的开拓更加值得注目。比起电商的物流数据,资讯算…

    2016-01-27
  • 消灭空状态

    设计师在做设计的时候,常常会忽略的一个页面状态就是空状态。空状态,顾名思义就是空白的状态,比如说:一个新闻的列表中没有新闻,这个时候列表就是空的,用户打开之后看到的就是白惨惨的一片。空状态的用户体验…

    2016-01-29