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 灰色遮罩扫描图层
TIM的扫一扫功能，主要用于扫描对方二维码添加好友，其中在这界面也提供了读取相册二维码功能，以及显示用户的二维码的...
效果图~~ 1. 手机截图1张，拖入Axure中，快速的简单粗暴的弄好一个界面的基本交互 2. 在PS中打开微信扫...
闲鱼APP的扫描界面，可以支持扫描二维码/条形码，访问相册读取照片，调用系统手电筒功能。 顶部的Navigatio...
从淘宝APP左上角“扫一扫”进入扫描界面，底部的TabBar显示三种扫描情景，每一个情景的界面布局风格不完全一致，...
继续完善微信扫描中的其他两个场景，封面扫描和街景扫描的界面有点类似，就不详细解释了。 主要说一下翻译扫描的步骤~~...
效果图～～因为上次绘制的黑色遮罩psd文档没有保存，所以这次重新用ps绘制了一次并且很确定的保存了文档！！！记得保...
这次的微信扫描界面是从上一篇微信扫描界面中进行修改。 场景：使用微信扫描的扫码功能时，环境光线不足时，在扫...
淘宝扫描码功能中的界面列举~~~
百度翻译的扫描界面，可以在顶部切换翻译的语言选项。点击顶部的语言后，弹出了一个滚动选择的空间，可以选择相对应的语言...
虽然在非产品岗位工作快满一年了，但是还是对产品岗位这一职位感兴趣，所以平时就自己摸索用AXURE制作一些原型界面。...
本文标题：Axure学习笔记：TIM扫描
本文链接：https://www.haomeiwen.com/subject/ilaenxtx.html
网友评论