百度翻译扫描界面的帮助界面,在扫描界面的左下角有一个”?“问号的按钮,点击后跳转帮助界面。本来以为帮助界面只有一个,后来才发现了分别为取词翻译和涂抹翻译分别绘制了帮助界面。
可以看得出来,取词翻译帮助界面和涂抹翻译帮助界面的设计风格是差不多的,步骤非常简单。
1. 界面设计简洁,大区域的使用白色背景,突出了界面上的元素。
2. 使用①②③来标注步骤,非常清晰明了。
3. 文字简洁,每一个步骤的操作说明不是直接的文字+配图的方式来表现。而是在配图上添加标注文字来解释每一个区域的作用于操作(类似于交互稿标注的形态)。
步骤:
1. 绘制界面的基本框架,界面背景、状态栏、标题栏
2. 绘制步骤说明
3. 添加底部的说明。没有找到完全相同的图片~~
4. 取词翻译帮助的大概效果图
5. 把取词翻译帮助界面copy一下,修改步骤中的界面配图、文字说明
6. 涂抹翻译帮助界面的效果图
7.
素材:
1.
2.
3.
4.
5.
网友评论