本次分享给大家展现依然是高保真效果的原型,上一次展现的是iPad版本的,这次是iPhone端版本的原型,和上次一样,我们依然以国际第一时尚品牌VOGUE为例:iPhone端的效果比iPad更复杂,难度更高,我们要做的是抽屉效果。
首先我们还是上一次的思路,App在设备桌面内点击icon启动,默认会显示自己的启动界面,此时运营人员推送了一个品牌,或是广告的图片过来,App获取到之后缓存下来,下次启动的时候显示该图片。
进入首届面之后,我们需要用户可以左右滑动头部栏目进行切换。同时用户在每个栏目内都可以上下滑动list查看其它的信息。
向上滑动的时候要收起TOP栏,同时要把头部第一个展示出来的大图推出去,把后面列队中的第一个提上来,并且每个图片配套的标题要一起互动产生一个运动的交互效果。
RP源文件下载地址:https://www.iamue.com/demo/4/VOGUE-iPhone/start.html
原型在线预览地址:https://www.iamue.com/demo/4/VOGUE-iPhone/start.html
作者:刘文涛 QQ:1036836655 交互设计学堂Q群:362796793 产品经理原型群:542477450
原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/13163/