Axure
简介:Axure RP是一款专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
特点:
1、一种通信工具,开发人员、企业业主和可用性测试,传达互动的概念可以节约节省了时间,金钱。
2、可以一键生成需要的需求文档。
3、可以通过共享的方式和同事一起设计产品。
4、Axure rp可以在PC和Mac之间通用。
5、用户能提前体验产品,可以提前知道用户的反应。
6、更快的复制粘贴。
7、更好的展现你想表达的、更有利于推销产品。
使用方法:
1.Axure界面组成
2.功能
2.1 页面导航面板(Sitemap)
在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级。
明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面。 页面导航面板是用于管理所设计的页面,可以添加、删除及对页面层次进行重新组织。
2.2 元件库面板(Widgets)
元件是用于设计线框图的用户界面元素。在元件面板中包含有常用的控件,如按钮、图片、文本框等。
操作元件
添加元件后,在线框图中点选该元件,然后可以拖拉移动元件和改变元件的大小,还可以一次同时对多个元件进行选择、移动、改变尺寸。
另外,还可以组合、排序、对齐、分配和锁定元件。这些操作可通过元件右键菜单中进行,也可在 Object 工具栏上的按钮进行。
2.3 页面属性面板
这里可以设置当前页面的样式,添加与该页面有关的注释,以及设置页面加载时触发的事件。
2.4 元件属性面板
这里可以设置选中元件的样式和属性。
编辑控件元件和属性
有多种方法可以编辑元件的风格和属性: 鼠标双击:鼠标双击某个元件,可以对元件的最常用属性进行编辑。例如,双击一 个图片元件可以导入一张图片;双击一个下拉列表或列表框元件可以编辑列表项。工具栏:点击工具栏上的按钮可编辑元件的文本字体、背景
色、边框等。右键菜单:控件右键菜单上可编辑元件的一些特定属性,不同元件这些属性也不同。
2.5 元件交互面板
定义控件的交互,如:链接、弹出、动态显示和隐藏等,添加与该元件有关的注释。
3.举例
登录、注册、找回密码是每个网站与系统必备的一个功能,这是一个简单的登录、注册与找回密码的原型。
登录:
1.实现了焦点获取与焦点失去的交互
2.未输入用户名或密码的相关提示
3.用户名或密码错误的相关提示
4.登录成功的跳转
5.忘记密码与注册的链接
忘记密码:
1.找回密码设置了4个步骤,实现了4个步骤的跳转
2.每跳到下一步,对应的序号会变化
3.变量的使用:在找回密码的第1步到第2步,实现了忘记用户名,第2步会再次让用户确认第1步输入的用户是什么
注册:
原文:https://www.cnblogs.com/zenawxy/p/12925866.html