【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

相关推荐

  • [自译]企业UX案例研究:在紧张期限内提高可用性

    在四个月的时间里,LiquidPlanner塑造了一个新的dashboard模板功能,这让用户印象深刻,并且有很高的使用率和很好的商业效益。

    2016-08-24
  • 【译文】雨天里的交互细节

    最近出现了很多智能手机用的天气应用。但是在以前,这些应用其实都不是很必要的,我们只要知道早上出门带不带雨伞就好了,所以如果天气应用可以直观地告诉我们这一点就好了。就像妈妈一样,在你早上出门的时候帮你…

    2015-10-30
  • 【交互设计】【装置艺术】传统昆曲与数字视觉的结合

    ▼数字与戏曲在数字时代大势所趋的背景下,传统戏曲也进行了一些试探性的尝试。交互性能和身临其境成为了戏曲的一种新的模式。演员通过光影达到像素化的效果,圆滑光影与演员的冲突,减少真实与虚拟的隔阂。打造沉浸式的戏曲艺术。▼沉浸与交互数字技术润滑了装置与观众的联系,发挥更大的互动作用。利用空间互动装置设计,以评估演出、空间和观众之间的联系,从而为观众提供一种身临其境的体验。▼古典与未来昆曲是一种东方古典戏剧艺术形式。数字技术的使用可以带来一种新...

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

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

    2016-10-25
  • Axure学习笔记:手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2016-01-06
  • 超越触控的手势交互

    手势通常被认为是与屏幕和物体交互的自然方式,我们会谈论在移动设备屏幕上双指缩放地图,还有在电视前挥手切换到下一部电影。但这些手势真的那么自然吗?

    2016-07-18
  • 创新历史上的今天:黑白电视首次面世 1926.01.26

    今天看到谷歌Doodle的名称是: 黑白电视首次面世 1926 ,我们来说一说这个产品从0到1的创造历史,从交互设计角度看你有什么启示呢? Doodle的名称: 第一台电视亮相 90 周年 表明此doodle时间是: 26.01.2016 这个产品…

    2016-01-26
  • Axure-小红书APP登陆界面划屏效果制作

    有一款叫做小红书的APP(不是小黄书)登陆界面做的非常清新脱俗,教他家用Axure模仿练习一下他的登陆界面划屏效果,这个内容虽然有些多,但是制作方法并不难,耐心跟着做的话肯定没问题哒!点击观看效果 效果分析 …

    2016-01-06
  • 网易新闻安卓客户端Material design实战

    编者按:光说不练假把式,聊了这么多的Material design技巧,是时候来看看国内APP怎么跟上这股潮流了。今天网易的同学分享了新闻客户端的Material design改版过程。 项目背景 网易新闻安卓版一直以来照搬IOS版的交…

    2015-07-20
  • 苹果设计主管乔纳森:从乔布斯身上学会专注

    发布者: GUImobile 新浪科技讯 北京时间10月11日早间消息,在近期于旧金山举行的“名利场新成就峰会”上,苹果设计高级副总裁乔纳桑·艾维(Jonathan Ive)表示,乔布斯是他一生中遇到过的最专注的人。 艾维表示:“这种…

    2014-10-15