【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

相关推荐

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

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

    2016-08-10
  • IAMUE 移动客户端的设计作品分享

    Wechat: caochengweiued 分享了他对 IAMUE 移动客户端的设计作品,文末有 阿西 UED 的点评! 阿西UED 的点评: Hi 谢谢你的作品分享,总体上来说,依你当前的学生身份或当前的专业程度,做出这样的设计方案有一定的…

    2016-11-21
  • Word产品需求文档,已经过时了-快使用Axure制作产品需求文档

    说来有些惭愧,写这篇文章是用来教大家写需求文档的,但其实,我很少会写传统意义上的产品需求文档,甚至,我连word都很少用。用惯了Axure的任意布局方式,再用word感觉非常别扭,尤其是在添加图片时,简直感到捉急…

    2016-01-06
  • AB测试告诉你,你以为的设计不是你以为的设计。

    用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。

    2016-08-29
  • Android电视应用:Amazon Fire TV版TVPlayer设计

    设计和研发、推广一道,是移动应用的成功要诀之一。定义用户操作应用的方式,与应用的功能和高效的盈利模式同等重要。而且,当涉及到为电视这样的新交互模式设计界面,许多在智能手机和平板上有效的模式,都需要重…

    2016-10-18
  • Microsoft将向合作伙伴开放 Windows Holographic,官方放出的宣传片

    Microsoft将向合作伙伴开放 Windows Holographic,以下为官方放出的宣传片,巨硬爸爸一出手果然不同凡响。 【微软向合作伙伴开放 Windows Holographic,打造混合现实新时代】魔术师妙手生花,孙悟空腾云日行万里,…

    2016-06-03
  • HoloLens 确炫酷狂拽屌炸天!另外,这不是VR!

    6月2日凌晨,有“互联网女皇”之称的Mary Meeker今天在美国Code大会上发布了2016年的互联网趋势报告。 (关注“艾欧交互设计”微信号:AioUED,回复“2016”可获取报告中英文版PDF下载链接) 作者:朱宏 链接:https://zh…

    2016-06-02
  • 12个线框图示例,来自Dribbble的UX设计师分享。

    在设计过程的最初阶段,我们知道很有可能直接选择word或邮件原始需求。但是,用线框技术解决问题有很多好处,它可以节省时间,更易于发现可用性问题,并让设计人员专注于创造可靠的用户体验

    2017-12-26
  • 设计原则:视觉重量和方向

      web页面上的每个元素产生一种视觉力量,吸引了观众的眼睛。 力就越大,眼睛是吸引了。 这些力量似乎也作用于其他元素,传授他们潜在的运动和视觉方向建议,你应该下一个。 我们把这个力称为视觉重量和视觉感知方…

    2014-12-16
  • 无限下拉滚动 Vs 分页,究竟该使用哪一个?

    应该是使用无限下拉滚动还是分页的形式来展现内容?究竟那一个更好?相信这是一些设计师经常需要去思考的问题。其实任何事物都有优缺点,无限下拉滚动和分页也不例外。本文将两种方法的适用场景并分析哪类项目适合用…

    2016-06-07