首页 > 其他 > 详细

原型设计工具

时间:2020-05-20 22:15:21      阅读:73      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!