diggers 发表于 2016-2-26 16:33:57

国际第一时尚品牌VOGUE-iPhone高保真交互原型分享-抽屉效果

高保真原型-抽屉效果案例

本次分享给大家展现依然是高保真效果的原型,上一次展现的是iPad版本的,这次是iPhone端版本的原型,和上次一样,我们依然以国际第一时尚品牌VOGUE为例:iPhone端的效果比iPad更复杂,难度更高,我们要做的是抽屉效果。
首先我们还是上一次的思路,App在设备桌面内点击icon启动,默认会显示自己的启动界面。此时有运营人员推送了一个品牌,或是广告的图片过来,App获取到之后缓存下来,下次启动的时候显示该图片。



进入首届面之后,我们需要用户可以左右滑动头部栏目进行切换。同时用户在每个栏目内都可以上下滑动list查看其它的信息。
向上滑动的时候要收起TOP栏,同时要把头部第一个展示出来的大图推出去,把后面列队中的第一个提上来,并且每个图片配套的标题要一起互动产生一个运动的交互效果。

   
RP源文件下载:

原型在线预览:http://pmdaniu.com?OyjmF


作者:刘文涛QQ:1036836655交互设计学堂Q群:362796793   产品经理原型群:542477450

黄丽嫦 发表于 2016-8-19 09:13:58

好好 值得学习

黄丽嫦 发表于 2016-8-19 09:14:26

:)

Ninuoer 发表于 2016-8-19 09:32:01

:):)好东西

shoushou7807 发表于 2017-6-28 09:45:07

预览失效了。下了再说

fb1937 发表于 2017-11-6 14:50:43

谢谢分享
页: [1]
查看完整版本: 国际第一时尚品牌VOGUE-iPhone高保真交互原型分享-抽屉效果