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

#交互#   Axure

---

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

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

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

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

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

---

效果如下：

---

流程如下：

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

2. 绘制步骤说明

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

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

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

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

7. 

---

素材：

1.

2.

3.

4.

5.