Axure学习笔记
软件中有不完善的地方,要靠自己的经验来规避和克服,还算好用。 熟练了Axure,对软件设计文档的编写大有帮助,因为可以有一些界面图出来。
画界面图时多用Axure,画流程图时多用Visio,为的是熟练Axure,并且Axure画界面要简便许多,节约时间。
有基本的功能就可以,不必太苛求,因为本工具只是画原型。 根据Axure实现的效果,反过来推HTML/CSS怎样来实现
本文档的特点
1. 本文档初为本人学习之用,另有一些详实的整理,是为后学者参考。
2. 本文档对Axure界面中出现的英文,基本都提供有忠实的汉语翻译或解释,可通过快捷
键“Ctrl+F”来查找,以不困惑。
应注意的问题
1.Axure工具可以将档保存为HTML、Doc等文档格式,但无法打开它们。它只能打开自己生成的*.rb、*.ubx格式的文档。
有以下要点 1.自己遇到的问题
一些已经明白,一些还有疑问,要多用。 超级链接的问题已解决 保存的问题 图文混排没问题
2.保存文档为.rp格式
Axure会有提醒“您是否要保存当前文档”(Would you like to save the current document?),建议一定要保存。以后只有通过它,才可以对设计进行修改。
3.建立一般的超级链接:
1)拖动Wireframe下面的Hyperlink到页面编辑区域; 2)更改文字,选中;
3)选择右侧Interactions下的Quick Link并双击,选择所需链接,就OK了。
4.输入特殊符号
首先要从Word里打出,然后复制,拷进Text Panel里
Copyright的符号(c)必须是字符串中的起头,才能在Prototype上呈现符号(c);如果(c)放在文字的中间,虽然在Axure RP上看得到符号,但输出成HTML Prototype时,可能还是看不到。
5.修改矩形边框的颜色
工具栏的Line color,图标为
6.多个表格的叠放次序
工具栏的以及右键的Order,两者是相对照的,功能相同
7.图片翻转和按钮形态翻转
图片翻转
右键Edit Image->Import Rollover Image 按钮形态翻转
右键Edit Button Shape->Edit Rollover Style
图片或按钮左上角的“黑白”小方框可进行预览
(一)Axure介绍
互联网行业产品经理的一项重要工作,就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作,就是结合批注、大量的说明以及流程图画框架图wireframe,将自己的产品原型完整而准确的表述给 UI、UE、程序工程师,市场人员,并通过沟通会议,反复修改prototype 直至最终确认,开始投入执行。
进行产品原型设计的软件工具也有很多种,我写的这个教程所介绍的Axure RP,是taobao、dangdang等国内大型网络公司的团队在推广使用的原型设计软件。同时,此软件也在产品经理圈子中广为流传。之所以Axure RP得到了大家的认同和推广,正是因为其简便的操作和使用,符合了产品经理、交互设计师们的需求。 在正式谈Axure RP之前,我们先来看看做产品原型设计,现在大致有哪些工具可以使用,而他们的利弊何在。
纸笔:简单易得,上手难度为零。有利于瞬间创意的产生与记录,有力于对文档实时的讨论与修改。但是保真度不高,难以表述页面流程,更难以表述交互信息与程序需求细节。
Word:上手难度普通。可以画wireframe,能够画页面流程,能够使用批注与文字说明。但是对交互表达不好,也不利于演示。
PPT:上手难度普通。易于画框架图,易于做批注,也可以表达交互流程,也擅长演示。但是不利于大篇幅的文档表达。
Visio:功能相对比较复杂。善于画流程图,框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。
Photshop/fireworks:操作难度相对较大,易于画框架图、流程图。不利于表达交互设计,不擅长文字说明与批注。
Dreamweave:操作难度大,需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。
以上这些工具,都是产品经理经常会使用到的,但是从根本上来说,这些工具都不是做prototype design的专门利器,需要根据产品开发不同的目的,不同的开发阶段,选择不同的工具搭配使用,才能达到表达、沟通的目的。
比如使用纸笔,更适合在产品创意阶段使用,可以快速记录闪电般的思路和灵感;也可以在实时讨论沟通时使用,通过图形快速表达自己的产品思路,及时的 画出来,是再好不过的方法。而word则适合在用文字详细表达产品,对产品进行细节说明时使用,图片结合文字的排版,是word最擅长的工作。而ppt自 然是演示时更好。visio则可以适用于各种流程图、关系图的表达,更可通过画use case 获取用户需求。PS/FW是图片处理的工具,DW则是所见即所得的网页开发软件,这些是设计师的看家本领,对于普通的产品经理来说,需要耗费太多的精力去 掌
握。
其实每件工具,每个软件,在创造它的初期,软件设计师们都给它赋予了性格、气质。因为每个工具的产生,都是为了满足人类的某一方面需求。比如锄头是 锄土的,起子是起螺丝的,电熨斗是烫衣服的。但是不同的工具都有自己的工作领域,在其它领域它并不擅长。而以上的软件在创造的初期,并非为了帮助产品经 理、ue完成产品原型设计,因此他们都不能在prototype design 这件工作上得心应手。而Axure RP正是在互联网产品大张其道的前提下,为满足prototype design创建的需求,应运而生。
Axure RP 能帮助网站需求设计者,快捷而简便的创建 基于目录组织的原型文文件、功能说明、交互接口以及带注释的wireframe网页,并可自动生成用于演示的网页档和word文档,以提供演示与开发。 没错!Axure RP 的特点是:
快速创建带注释的wireframe档,并可根据所设置的时间周期,软件自动保存文文件,确保档安全。 ?
? 在不写任何一条html与javascript语句的情况下,通过创建的文档以及相关条件和注释,一键生成html prototype演示。 ?
? 根据设计稿,一键生成一致而专业的word版本的原型设计文档。
?
说到这里相信很多人已经激起了兴趣,但是在开始学习之前,我认为我们还是有必要先了解一下软件短短的历史,创造这一软件的公司—Axure Software Solutions, Inc.该公司创建于2002年五月,Axure RP是这一软件公司的旗舰产品,
2003年一月Axure RP第一版本上线发表,至今已经正式发行到了第四个版本,而我提笔写到这里的时候,Axure 5.0版本beta版本已经正式提供下载试用,虽然我已经下载使用,但是我想,写教程还是应该先从稳定的4.6版说起,至于5.0版,我们可以伴随着软件 一起成长。
(二)接口与功能
不论学习什么,打基础是很重要的。关于基础练习,我印象最深的故事是王羲之练习书法的故事,将一池水染黑,需要怎样的毅力?再有就是达芬奇与鸡蛋的故事, 一个简单的鸡蛋,达芬奇画了无数次。我相信正是他们的一步一个脚印,才让他们有了后来伟大的成就。故事老套,道理浅显,可是我认为很重要。
学习软件,应该先熟悉每个面板,每个基础功能,才能够真正谈到运用。所以我的学习方法是了解软件的基础功能开始。 一、欢迎接口与功能
运行Axure RP后,首先弹出的是欢迎接口,它拥有的功能和其它软件的欢迎接口没有什么特别的不同。
功能区1:文文件区,这个区域显示用户最近打开的Axure RP文件,用户可以快捷的打开之前编辑的档。同时也提供快捷按钮,可以创建新文档与打开Axure