制作软件:sketch、principle
小灯泡:通过一个按钮的左右滑动来达到不同的效果
制作用时:2个小时
灵感小灯泡第一篇,希望多多支持,要不我怕坚持不下来呢😂
动效视频地址:小灯泡1
一屏
以Apple watch为案例,整体界面布局由上至下标题、商品/详情、价格、商品属性。用户唯一可以选择的就是商品属性,所以把它放在最下方,方便用户操作。而商品详情摆放位置是考虑到拇指的弧度活动范围/下图
二屏
整体界面布局由上至下标题、价格、商品/详情、添加购物/直接购买。可操作功能按钮仍然摆放在最下方,用户通过左右滑动按钮来选择添加购物车或直接购买。(小灯泡)
三屏
整体界面布局由上至下标题/价格/商品、银行卡、返回首页、购买按钮。(主要体现流程,支付界面比较水,敬请谅解)
总结
整个动画流程做了三个界面,下图为principle的工程图,整体还是比较简单的。
💕欢迎点赞、关注、收藏、转发
网友评论