【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

相关推荐

  • 『旧时好文』别再吐槽12306了,有本事你来写架构

    在平时,12306也就是个正常的电商网站。但一到黄金周,12306就是一个全站所有商品都秒杀,所有SKU都是动态库存的变态。

    IxD案例 2016-08-29
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • Axure手机多屏幕滑动原型案例下载

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

    2015-01-04
  • 5步快速制作移动动效

    Sketch+Keynote双剑合璧:5步快速制作移动动效 2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度。…

    2015-04-11
  • 搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24
  • [译]UX设计之复选框和开关按钮

    当设计表单时,交互设计师常常不得不面对一个问题,就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然,我们都有可能遵循某种既定的规则。无论如何,在做出这个选择时我们都应该牢记…

    2016-06-30
  • Axure制作酷我音乐安卓端高保真原型案例下载

    本案例为原型库网站原创制作,转载请保留出处。这个原型文件,忘记是什么时候练习axure 时做的,做的不好,有bug,部件的层级关系不够明确,仅供参考。拿出来给有兴趣的朋友下载研究吧,关于这个原型的问题就不要找我提问咯,早已忘记了。
    前段时间又重新做了一下安卓端的酷我高保真原型,进步了很多,层级关系十分明确,这个最新的原型等过段时间再给大家分享吧。

    2015-01-04
  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • [自译]Medium的Title,Subtitles&Headings的改进介绍

    我们的目标是创造一个能够提供最佳写作体验的空间,让故事的讲述者能够触及到他们的听众。现在,我们很高兴地展示我们在标题方面的提升,这个改变微小而又重要,我们认为你每次在发布文章后,都会会欣赏它。

    2016-08-10
  • 闪光的消亡对于用户体验来说意味着什么?

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

    2014-09-04