美文网首页
Axure学习笔记:百度翻译帮助界面

Axure学习笔记:百度翻译帮助界面

作者: 篱落LY | 来源:发表于2018-01-23 15:01 被阅读22次

百度翻译扫描界面的帮助界面,在扫描界面的左下角有一个”?“问号的按钮,点击后跳转帮助界面。本来以为帮助界面只有一个,后来才发现了分别为取词翻译和涂抹翻译分别绘制了帮助界面。

可以看得出来,取词翻译帮助界面和涂抹翻译帮助界面的设计风格是差不多的,步骤非常简单。

1. 界面设计简洁,大区域的使用白色背景,突出了界面上的元素。

2. 使用①②③来标注步骤,非常清晰明了。

3. 文字简洁,每一个步骤的操作说明不是直接的文字+配图的方式来表现。而是在配图上添加标注文字来解释每一个区域的作用于操作(类似于交互稿标注的形态)。


步骤:

1.  绘制界面的基本框架,界面背景、状态栏、标题栏

2. 绘制步骤说明

3. 添加底部的说明。没有找到完全相同的图片~~

4. 取词翻译帮助的大概效果图

5. 把取词翻译帮助界面copy一下,修改步骤中的界面配图、文字说明

6. 涂抹翻译帮助界面的效果图

7. 


素材:

1.

2.

3.

4.

5.

相关文章

  • Axure学习笔记:百度翻译帮助界面

    百度翻译扫描界面的帮助界面,在扫描界面的左下角有一个”?“问号的按钮,点击后跳转帮助界面。本来以为帮助界面只有一个...

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

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

  • Axure学习笔记:百度取词翻译界面

    百度翻译中扫描界面有两种获取翻译的方式,另一种方式是取词翻译,把需要翻译的内容显示在在极小的扫描框内。长按底部的按...

  • Axure学习笔记:百度翻译-选择翻译语言界面

    百度翻译中的涂抹翻译扫描界面,可以点击顶部的翻译语言,弹出滚动控件,通过上下滑动在滚动控件中选择翻译的语言。 步骤...

  • Axure学习笔记:dubble登录界面

    dubble的登录界面流程。从上一个界面中点击login,跳转这个登录界面,显示用户名输入框、密码输入框、置灰的按...

  • 今日记事

    am :Axure学习至第十课 pm:云栖大会 笔记 —9:00pm Axur操作创建登陆界面模型 —11:00 ...

  • Axure实现百度登录界面

    今天主要内容是用Axure实现百度登录界面的原型,重点是实现登录界面中,选中输入框时边框变色的功能。 1,这是百度...

  • Axure学习笔记:闲鱼扫描界面

    闲鱼APP的扫描界面,可以支持扫描二维码/条形码,访问相册读取照片,调用系统手电筒功能。 顶部的Navigatio...

  • Axure学习笔记:淘宝扫描码界面

    从淘宝APP左上角“扫一扫”进入扫描界面,底部的TabBar显示三种扫描情景,每一个情景的界面布局风格不完全一致,...

  • Axure学习笔记:设备列表界面2

    萤石云设备列表界面,界面向上滑动,隐藏部分标题栏区域(分组图标隐藏,只显示分组名),搜索栏区域隐藏。 步骤: 1....

网友评论

      本文标题:Axure学习笔记:百度翻译帮助界面

      本文链接:https://www.haomeiwen.com/subject/fnzzoxtx.html