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

#交互#   Axure


百度翻译的扫描界面,可以在顶部切换翻译的语言选项。点击顶部的语言后,弹出了一个滚动选择的空间,可以选择相对应的语言。

拍摄需要翻译的内容后,进行涂抹需要翻译的区域,显示该区域内的翻译。不涂抹的区域不进行翻译,可以有效的提高翻译的准确性。

翻译的照片来源:拍摄、读取相册照片。

对于光线弱的处理:手电筒功能。

初次使用的用户教学:左下角的帮助按钮,以及界面的文字提示。


效果如下:

Axure学习笔记:百度翻译扫描界面_第1张图片

流程如下:

1. 绘制一个375*667的矩形

Axure学习笔记:百度翻译扫描界面_第2张图片

2. 导入图标icon,背景图png

Axure学习笔记:百度翻译扫描界面_第3张图片

3. 绘制顶部的功能栏

Axure学习笔记:百度翻译扫描界面_第4张图片

4. 绘制底部的功能栏

Axure学习笔记:百度翻译扫描界面_第5张图片

5. 还有小图标按钮,以及提示语

Axure学习笔记:百度翻译扫描界面_第6张图片

6. 添加扫描区域的参考线

Axure学习笔记:百度翻译扫描界面_第7张图片

7. 添加参考线的提示语,完成~~~

Axure学习笔记:百度翻译扫描界面_第8张图片

素材:

1. 图标

Axure学习笔记:百度翻译扫描界面_第9张图片

你可能感兴趣的:(Axure学习笔记:百度翻译扫描界面)