制作软件：sketch、principle

小灯泡：通过一个按钮的左右滑动来达到不同的效果

制作用时：2个小时

灵感小灯泡第一篇，希望多多支持，要不我怕坚持不下来呢😂

动效视频地址：小灯泡1

一屏

以Apple watch为案例，整体界面布局由上至下标题、商品/详情、价格、商品属性。用户唯一可以选择的就是商品属性，所以把它放在最下方，方便用户操作。而商品详情摆放位置是考虑到拇指的弧度活动范围/下图

二屏

整体界面布局由上至下标题、价格、商品/详情、添加购物/直接购买。可操作功能按钮仍然摆放在最下方，用户通过左右滑动按钮来选择添加购物车或直接购买。（小灯泡）

三屏

整体界面布局由上至下标题/价格/商品、银行卡、返回首页、购买按钮。（主要体现流程，支付界面比较水，敬请谅解）

总结

整个动画流程做了三个界面，下图为principle的工程图，整体还是比较简单的。

💕​欢迎点赞、关注、收藏、转发