Heidi图片

海航首页.png

图2.1交互设计文档目录结构.png

图2.2交互设计文档目录范例.png

图3.1完整信息架构范例.png

图3.2初步大架构范例.png

图4.1任务流程范例.png

图4.2任务流程-操作.png

图4.3任务流程-操作分支.png

图4.4任务流程-判断.png

图5.1页面流程范例.png

图5.2页面流程-页面.png

图5.3页面流程-页面与弹出框.png

图5.4页面流程-操作结果.png

图5.5页面流程-操作与页面流向.png

图5.6页面流程-多个操作.png

图5.7页面流程-正反向流程.png

图5.8页面流程-页面的打开方式.png

图5.9页面流程-判断.png

图6.1-原型命名范例.png

图6.2-低保真原型范例.png

图6.3-常见布局类型.png

图6.4-元素位置顺序范例.png

图6.5-元素层次关系.png

图6.6-栅格布局范例.png

图6.7-原型主色调.png

图6.8-操作与对应的样式范例.png

图6.9-特殊操作状态范例.png

图6.10-Axure低保真部件库范例.png

图6.11-Axure中保真部件库范例.png

图6.12-首屏高度标记范例.png

图6.13-公共元素定义范例.png

图6.14-明暗关系与层级的对应范例.png

图7.1-交互说明撰写范例.png

图7.2-链接具体化范例（1）.png

图7.3-链接具体化范例（2）.png

图7.4-链接具体化范例（3）.png

图7.5-字符限制说明范例.png

图7.6-默认状态说明范例.png

图7.7-常见状态说明范例.png

图7.8-异常状态说明范例.png

图7.9-常见操作说明范例.png

图7.10-特殊操作说明范例.png

图7.11-误操作说明范例（1）.png

图7.12-误操作说明范例（2）.png

图7.13-反馈说明范例.png

图7.14-表单校验说明范例（1）.png

图7.15-表单校验说明范例（2）.png

图7.16-表单校验说明范例（3）.png

图7.17-表单校验说明范例（4）.png

图7.18-交互细节说明范例（1）.png

图7.19-交互细节说明范例（2）.png

图7.20-交互细节说明范例（3）.png

图7.21-页面布局范例（1）.png

图7.22-页面布局范例（2）.png

图7.23-公共组件范例.png

图8.1-文档修订者的意义.png