美文网首页产品交互设计
如何制作交互设计文档

如何制作交互设计文档

作者: LydiaY | 来源:发表于2020-03-07 22:33 被阅读0次

    axure sketch ppt

    交互文档什么样?

    封面:

    封面

    修订记录

    修订记录

    需求分析:

    需求分析

    信息架构:

    信息架构

    流程设计:

    流程设计

    流程说明:

    流程说明

    交互控件罗列:



    总结:

    1. 封面 2. 目录 3. 修订记录 修订记录的意义 4. 业务流程图 5. 信息架构 6. 交互流程图 7. 交互方案


    流程1:一个页面说清楚一件事,每一页能展示的内容是有限的,如果同一页中堆积太多线框图会造成问题.

    7.1 一个页面一个任务

    流程2:每个任务都要有起点

    7.2 任务的起点

    同一个页面的不同状态,最好在一个页面展示(不用忽视极端情况)

    7.3页面的不同状态

    页面布局

    页面内容:页面布局规范,准确传递设计方案. 尽量黑白灰,避免视觉干扰.

    交互说明1:交互规则及逻辑关系

    8.1 交互规则及逻辑关系

    交互说明2:交互迭代要有标识

    8.2 迭代标识

    交互说明3:点击后的交互反馈

    8.3 交互反馈

    交互说明4:动效如何说明,逐帧说明/文案描述/具体效果

    8.4 交互动效说明

    交互说明5:需要视觉同学注意的特别标明 [哪些页面需要视觉稿?哪些需要视觉特殊处理?如果在视觉上有情感需求,需要特殊说明]

    8.5 交互情感提示

    控件库+布局预览:

    9.1 控件库 9.2 布局预览

    相关文章

      网友评论

        本文标题:如何制作交互设计文档

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