美文网首页产品相关图例
用Axure输出交互设计文档

用Axure输出交互设计文档

作者: 许呀小黑 | 来源:发表于2016-06-29 11:32 被阅读599次

文档框架

页眉:来源、版本、项目名称、责任人

创建母版

创建元件库

设计方法

1.交互流程图:

    功能——拆分用户任务(复杂功能根据使用场景转化为子任务)——页面需求梳理

     技巧:①页面跳转超过两次时,使用页面流程图;②主要任务串联次要任务;③多个操作用同一个图形包含起来;④系统错误不出现在页面流程图中;

2.页面流程图

    线框图:①颜色黑白灰,必要时彩色;②尺寸;③素材准备(元件库)

    创建元件库基础内容:常用元件、高级元件、组件、图标;常用页面、页面元素、手势;标记、流程元件;

    页面:①功能——拆分任务——页面需求梳理;

              ②布局:需求优先级,权衡用户需求和商业需求,做 用户需求-商业需求 坐标图;


             ③标注;

3.交互说明

    内容:限制(WiFi环境打开等)、范围值(上下左右活动范围值等)、极限值、操作、一般状态、特殊状态(禁止操作等)、误操作(容错和反馈机制)、反馈、页面跳转;

    ①锚点—(对应)—数字标示;(24X24),醒目的颜色;

    ②不遗漏,不坠述;

相关文章

  • 用Axure输出交互设计文档

    文档框架 页眉:来源、版本、项目名称、责任人 创建母版 创建元件库 设计方法 1.交互流程图: 功能——拆分用...

  • Marks Review - Tools

    神奇的交互设计工具 Principle 中文文档 五分钟教你快速上手Axure交互设计 案例分享|用Axure制作...

  • 如何制作交互设计文档

    axure sketch ppt 交互文档什么样? 封面: 修订记录 需求分析: 信息架构: 流程设计: 流程说明...

  • 优秀的交互文档是如何写出来的?

    交互文档是交互阶段的最终输出产物,好的交互文档不仅仅是线框图的呈现,而是包含了设计思路、设计流程、组件等的综合文档...

  • 《交互微专业part1》学习笔记

    本章包括3小节:交互设计概述、设计工具Axure、设计规范与设计模式 1、交互设计概述 1.1、走进交互设计 交互...

  • 如何写好一份项目交互说明文档

    交互设计师在接到需求并完成设计任务,最重要也是最必不可少的是交付交互说明文档。交互说明文档输出的对象包括产品经理、...

  • 网页设计稿如何脱颖而出?

    我提交了​网页​设计稿,可为什么被退回来了?本文适用于移动端,Axure软件制作的文档型交互稿。交互稿应该包含哪些...

  • 专业的交互输出文档应该怎么写?

    这篇文章的信息架构: 1.前言 2.交互输出文档的重要性 3.专业的交互文档应该包含哪些内容 4.撰写交互设计出文...

  • 交互设计文档模板项目总结

    对于一个交互设计师来说,其输出的产物中很重要的一个部分就是交互设计文档。设计文档的存在就是为了让后续的开发人员呢能...

  • 一份专业的交互设计文档包含哪些内容?

    目录: 1.交互输出文档的重要性 2.专业的交互文档应包含哪些内容? 3.几点建议 一、交互输出文档的重要性 交互...

网友评论

    本文标题:用Axure输出交互设计文档

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