Axure学习笔记:百度翻译扫描界面

#交互#Axure
百度翻译的扫描界面,可以在顶部切换翻译的语言选项。点击顶部的语言后,弹出了一个滚动选择的空间,可以选择相对应的语言。
拍摄需要翻译的内容后,进行涂抹需要翻译的区域,显示该区域内的翻译。不涂抹的区域不进行翻译,可以有效的提高翻译的准确性。
翻译的照片来源:拍摄、读取相册照片。
对于光线弱的处理:手电筒功能。
初次使用的用户教学:左下角的帮助按钮,以及界面的文字提示。
效果如下:
Axure学习笔记:百度翻译扫描界面
文章图片
流程如下:
1. 绘制一个375*667的矩形
Axure学习笔记:百度翻译扫描界面
文章图片
2. 导入图标icon,背景图png
Axure学习笔记:百度翻译扫描界面
文章图片
3. 绘制顶部的功能栏
Axure学习笔记:百度翻译扫描界面
文章图片
4. 绘制底部的功能栏
Axure学习笔记:百度翻译扫描界面
文章图片
【Axure学习笔记:百度翻译扫描界面】5. 还有小图标按钮,以及提示语
Axure学习笔记:百度翻译扫描界面
文章图片
6. 添加扫描区域的参考线
Axure学习笔记:百度翻译扫描界面
文章图片
7. 添加参考线的提示语,完成~~~
Axure学习笔记:百度翻译扫描界面
文章图片
素材:
1. 图标
Axure学习笔记:百度翻译扫描界面
文章图片

    推荐阅读