UI银行卡教程

1.动效思路，我将如何完成整体交互场景。

1.1我的目标：我想完成银行卡转账的动效流程，给自己定一个需求。

1.2我该如何完成：多参考，多收集灵感（在自己收集画册中，建立灵感库，当自己闲着的时候没事来翻翻）

 

2.画草图，将整体动效基本流程分镜粗略绘制（让自己清楚）

嘻嘻 自己构图的草图

 

3.开始绘制原型图，黑白线框图

最后以效果图为标准，中间原型搞，让自己清楚有哪些信息

4.构思效果图，并将图层备注及分组好。

4.1银行卡绘制

银行卡绘制过程，参考了银行卡的一些基本信息，银行&银联logo，卡号，持卡人，到期时间，当然可以自由发挥。

进行图层备注，养成好习惯，在后面动效中图层关系非常重要。

如何绘制 通过 毛玻璃-银行卡底部处理-银行卡投影-银行卡倒影-渐变蒙版，下面来参考绘制配置。

 

毛玻璃参考配置

填充：#FFFFFF