一般来说,现在的移动端开发都会引入身份证和银行卡OCR扫描,这个也是在注册和填写个人信息的时候非常必要的流程。简单的原型设计只需要点击进入扫描页即可。但我对这个扫描交互还是比较感兴趣,所以做了一个比较简单的扫描自动轮播的交互:
扫描棒自动轮播效果:
第一步:准备一个引导页或扫一扫图标按钮,随便选择一个(例如以下页面);这个是用来点击后进入扫描页面的。
第二步,拖拽一个300*376的矩形,设置不透明度为20%,去掉描边。再拖拽一个150*150的白色矩形,设置不透明度为70%,去掉描边。把白色矩形放在大矩形的较上方位置。
第三步,给里面的白色矩形放好扫描框边角