相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

教你写出清晰易懂的交互文档

影子发布于:2019-8-27 08:45 |原作者: 宛苏|
影子
重庆 渝中 平面设计师
发私信 + 关注
简介: 交互文档,即交互设计说明文档。英文 Design Requirement Document ,简称DRD。主要是用来承载设计思路、设计方案、信息架构、原型线框、交互说明等内容。


(4)页面线框图

页面线框图,是通过图形化的表达形式,阐述产品在页面层面的信息。包括: 


【页面标题】即每一个页面的对应标题,一般就是导航栏标题


【页面内容】以黑白为主,保证信息规整易读


【交互说明】用标签将其对应起来,包括交互逻辑、操作流程及反馈、元素状态、字符限制、异常/特殊状态、相关规则 等等


【主流程线】只需要画出主流程线即可,千万不可太多太杂,时刻考虑读者的感受

以上是注册/登录的线框图和详细的交互说明。将重点内容用红色标记,可以让查看者一目了然更好理解文档。


7、全局通用说明


全局通用说明,指整个产品可通用或者复用的元素。一般是边做文档边整理出来的,方便自己或者接手该项目的设计师直接调用。其次,对开发及时封装可复用控件也是有参考价值的。


(1)常用控件

常用控件类似UIKit,通常将极具复用价值的控制整理在一起,方便及时调用。


13

好评
12

差评

刚表态过的朋友 (25 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

影子
重庆 渝中 平面设计师
+关注 发私信
  • vorena化妆品包装设计
  • semsem coffee包装设计
  • 谷歌Mp6-导航部门导视系统设计
  • 桑坦德银行导视系统设计
  • 风力发电公司标志设计
  • 虚拟币交易咨询公司VI设计
发表评论

最新评论

引用
anhuiyxly发布于:2020-4-15 14:22
交互

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
  • 我们一直在进步...
  • 2022年3月27日,飞特派单系统第三次升级调整结束,订单匹配更快、更精准.
  • 2022年3月飞特派单系统日均派单量超过20单.
  • 2022年1月1日飞特系统派单数量达到2013单.
  • 2021年11月1日飞特需求方订单数量增长超过200%.
  • ...
  • 备案编号( 滇ICP备08100602号 )
    滇公网安备:53010302000278
  • Processed in 0.113676 second(s), 23 queries , Gzip On © 2008-2020 飞特网 All rights reserved!
    GMT+8, 2024-4-28 02:14