Axure学习笔记：TIM扫描

#交互#   Axure

---

TIM的扫一扫功能，主要用于扫描对方二维码添加好友，其中在这界面也提供了读取相册二维码功能，以及显示用户的二维码的功能。

界面的背景，直接显示为相机取景内容，视野较广。但是对于较多元素的场景时，界面视觉不太友好，会显得界面比较凌乱，而且最顶部的图层的空间也极有可能难以找到。

---

效果如下：

---

流程如下：

1. PS中打开TIM扫描二维码界面，先绘制一个750*1334，填充#000000，不带边框，不透明度为10%的矩形。

2. 绘制扫描框内的白色边框矩形（不填充，边框#FFFFFF，510*510）。

3. 复制白色边框图层，修改矩形参数（不填充，边框#06A9EB，540*540）。

4. 栅格化蓝色边框图层。

5. 使用矩形选择工具，删除多余的蓝色边框。

6. 栅格化黑色遮罩矩形图层。

7. 使用举行选择工具，删除黑色遮罩图层上扫描框内的区域

8. 绘制扫描框内的蓝色扫描线。生成png图片

9. 黑色遮罩png图片导入Axure中，绘制界面其他内容。

素材：

TIM 灰色遮罩扫描图层