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

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

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

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

QQ图片20160226163027.png

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

RP源文件下载：

VOGUE高保真原型1.rp (1.2 MB, 下载次数: 547)

原型在线预览：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

谢谢分享

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

评分