常用交互设计工具.pdf

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