灵感小灯泡-1 新的支付方式

灵感小灯泡-1 新的支付方式_第1张图片

制作软件:sketch、principle

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

制作用时:2个小时

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

动效视频地址:小灯泡1

一屏


灵感小灯泡-1 新的支付方式_第2张图片

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


灵感小灯泡-1 新的支付方式_第3张图片

二屏


灵感小灯泡-1 新的支付方式_第4张图片

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

三屏


灵感小灯泡-1 新的支付方式_第5张图片

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

总结

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


灵感小灯泡-1 新的支付方式_第6张图片

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

你可能感兴趣的:(灵感小灯泡-1 新的支付方式)