美文网首页
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学习笔记:百度翻译帮助界面

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