《常用交互设计工具》由会员分享,可在线阅读,更多相关《常用交互设计工具(11页珍藏版)》请在金锄头文库上搜索。
1、常用交互原型设计工具以AXURE RP为例及其使用原则阿里巴巴中文站UEDVERSION0.1 BY 罗伟 快速、高效建立原型 便于修改和管理设计方案 快速创建可发布和展示的原型分发原型 可进行项目协作 原型可供丌同角色使用团队合作工欲善其事,必先利其器设计工具是为了提高效率、方便的沟通、交流 Axure RP(推荐) Microsoft Office Visio Balsamiq Mockups Mockflow Pencil sketch Photoshop Axure RP(读音为Ack-Sure)通过控件的方式帮助网站或软件设计师快速建立 带有注释的原型(流程图、线框图),并凭借自定义
2、可重用的控件、动态面板以 及丰富的script能够建立基于功能或页面逡辑的界面原型。常用交互原型设计工具(FOR WINDOWS)Axure RP图表工具 (visio等)绘图工具 (photoshop等)开发工具 (Dreamweaver等)设计效率使用方便 模板库便于快速修改使用方便,但重 复修改比较繁琐需要经验 重复修改比较繁 琐需要经验 比较花精力 修改比较麻烦如何体验快速生成有交互功能 的原型基本的交互基本的交互可以展示应用的 完整功能演示及参与带备注的交互原型通常采用打印通常采用打印全功能 无备注和说明输出规格快速生成规范文档 可自定义手工书写文档手工书写文档手工书写文档设计合作可
3、签入/签出 版本控制手工管理文件 独立的版本控制手工管理文件 独立的版本控制手工管理文件 独立的版本控制AXURE RP与其他设计工具对比 控件以及自定义控件基于控件的设计环境,可以快速创建基于web的界面原型 可重用修改的模板Master的功能相当于可重用的模板,可以在任何页面进行引用,只需修改 master中的内容,即相当于批量修改所有存在的引用 动态面板与step-by-step脚本最激动人心的功能,在无需手动书写脚本的情况下,能够使得原型能够和操作者 进行一定的交互,便于向其他人演示界面功能 自动生成规格文档按下F5,即可快速生成带备注可演示的交互文档AXURE RP特性 中文支持以s
4、ougou输入法为例,当在控件上无法输入中文时,尝试按ESC键再输入 段落行距出现列表项目时,中文行距无法处理,建议将段落改为多段文本,然后采用对齐 和排列进行设置AXURE RP的缺陷(1) 控件较少Axure RP自带的控件丌足,建议可以自定义控件 无法真正“所见即所得”请注意:在自动生成可进行操作的原型时,由于文本、行距等在HTML和Axure RP环境下的细微差异,会造成原型不设计环境略有差别AXURE RP的缺陷(2)1.不要把Axure RP当做视觉设计工具2.但也并非草稿工具3.不要把注意力集中在动作脚本4.交互原型的作用在于提供流程说明和状态表述(将设计方案表述清楚)5.尽可能
5、将状态和标注放在同一界面6.善用widget和master,提高效率7.尽管Axure对中文支持不好,但别泄气8.更多技巧批量修改尺寸(Location and size Each selected widget) 隐藏引导线(Wireframe Grid Display grid on screen) 修改标尺单位(Wireframe Grid Spacing)AXURE RP使用原则 新手入门http:/ 熟练阶段http:/ 高级教程http:/ RP的学习资源AXURE RP的参考资源 阿里巴巴中文站Axure RP组件库 阿里巴巴中文站Axure RP交互原型库最后别忘记,工具不是设计!很多时候,最好的设计工具就是思考+手中的笔!Powered by 阿里巴巴中文站 UED Robert.luow最新更新时间:2010/04/05