Axure原型设计介绍

在第八周的课堂上,王文娟老师在校园系统上发布了对于自行选择的原型设计软件进行资料查找以及自学的任务。因为之前的课程学习需要,我们大概掌握了原型设计软件Axure的使用,下面是一些我们学习过程中的介绍

 

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

用户介绍:

首先Axure会要求每个用户有一个自己的账号,在日后的原型设计中,是可以通过不同个人账号,将同一个项目的更改权赋给不同的用户,并且同一部分同一时间只允许一个用户在更改,这就提高了一个团队之间很方便的线上作业效率

工具区分块介绍:

左边的pages分块是显示你目前的原型有几个页面,并且可以通过双击页面进行组件的编辑

这个分块是不同的组件,比如按钮(button)等,可以直接拖拽基本组件到上面指定的pages页面中进行布局和简单交互的实现,ALL LIBRARIES的下拉列表中则可以选择组件的类型,比如ICONS就是拖动一个图标

这个Inspector分块是每个组件的属性功能区,可以在这个区域里设置每个组件的简单交互,物理设置(比如大小,颜色,命名等)

最后我们在做好整个项目之后可以在顶端工具列表的publish下的preview中打开后,在网页中预览我们设计的原型。预览页面包括各个pages的显示交互,以及每个组件的简单交互功能

实例化教程:

下面我们来做一个简单的原型设计来看看效果:

首先在Libraries中拖进一个Box1到Home页面

在将一个Image拖进到Box1中

再托两个Label到Box1中,并更改其中的名字为(用户名和密码)

接着再拖入两个Text Field放在两个Label的后面

最后在最下面拖入一个Primary Button到Box1中并改名为(登录)

结果如图:

我们可以看到这个就很像大部分应用程序的登录界面

下面我们再双击Image给他选择一个合适的图片

并在Inspector中的PROPERTIES属性下的Hint给两个Text Field放入隐藏的提示文字

结果如图所示:

最后给登录按钮设置一个简单的交互,使得点击它可以跳转到下一个页面

我们选中这个button,在它的Inspector中的PROPERTIES属性下Interactions中选择OnClick

并在里面进行如下图设置,使他跳转到Page1页面

这样就能进行一个简单的页面跳转功能了。

自学感悟:

1)其实Axure中还有很多地方需要我们区深入学习,比如高难度的组件设置(下拉列表弹框,自动复位列表)等等

2)Axure RP,即Axure RapidPrototyping是最常用的快速原型设计工具之一,能够快捷而简便的制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 应用于产品设计包括Web/移动端/客户端的产品,支持多人协作设计和版本控制管理。将设计、研发、产品、用研融为一体的快速工具。

原文地址:https://www.cnblogs.com/cetwag/p/10793620.html

时间: 2024-08-25 03:21:32

Axure原型设计介绍的相关文章

Axure原型设计工具简单介绍和步骤描述

Axure原型设计工具 l  Axure使用者感受关键词: 超大型:高保真度:可拓展控件:自定义库:适配:少交互:收费.   1.Axure介绍: Axure RP是一款专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或We

MockPlus原型设计介绍

MockPlus原型设计介绍 在第八周的课堂上,王文娟老师在校园系统上发布了对于自行选择的原型设计软件进行资料查找以及自学的任务.因为之前的课程学习需要,我们已经大概掌握了原型设计软件Axure的使用,因此在这里,我选择了另一原型设计进行介绍,与Axure有很高相似度的原型设计软件:Mockplus. 引言: Mockplus(摹客)是一款简洁快速的原型图设计工具.适合软件团队.个人在软件开发的设计阶段使用.其低保真.无需学习.快速上手.功能够用.并能够很好地表达自己的设计. 了解一点Axure

老二牛车Axure夜话:程序员眼中的Axure原型设计视频教程汇总贴

老二牛车Axure夜话:程序员眼中的Axure原型设计视频教程汇总贴 程序员眼中的Axure原型设计视频教程汇总贴 程序员眼中的原型设计视频教程之字符数范围限定 程序员眼中的原型设计视频教程之横向跑马灯 程序员眼中的原型设计视频教程之生成随机字母 程序员眼中的原型设计视频教程之生成随机范围的整数 程序员眼中的原型设计视频教程之数学题验证码 程序员眼中的原型设计视频教程之随机字母验证码 程序员眼中的原型设计视频教程之循环操作之固定次数循环 程序员眼中的原型设计视频教程之循环操作之死循环 程序员眼中

axure原型设计工场

原型设计越来越受到关注,它的好处这里也不必赘述,从移动互联网,到传统互联网,都会涉及到原型的设计. 如果你真的想了解一下原型设计的好处,好吧,来看看这里吧!来自人人都是产品经理--<Axure有哪些好处?产品经理选择Axure的十个理由!> 由于工作方面的需要,也学习了关于原型设计方面的内容. 可是发现使用原型设计的产品经理.UE等并不每个人都熟悉Axure的使用,作为一种工具,自然也有它的一些技巧,能快速掌握技巧,设计出符合要求原型也是产品经理们所期望的,因此也萌生了一个想法,来做些常用的移

从零开始学Axure原型设计(进阶篇)

Axure不仅能制作静态的视觉稿.页面,还能添加交互动作,是进行原型设计的最佳软件之一.在认识了Axure的界面和部件库之后,我们可以用它来画线框图了,但是静态的线框图在表达上不如有交互的原型图来得直观. Axure进阶篇中将会介绍什么是交互,如何玩转Axure中最频繁使用的动态面板部件,做出狂拽炫酷的交互效果.另外,还会介绍母版(主要是触发事件)的使用. 交互基础知识 开始使用Axure做交互之前,我们先来看看Axure的安身立命之本,即交互这个概念.创建交互包括四个模块: 交互(intera

从零开始学Axure原型设计(入门篇)

如果说Sketch是最美.最简洁的设计软件,那么Axure就是最强大的原型制作软件.Axure不仅能制作静态的视觉稿.页面,还能添加交互动作,是进行原型设计的最佳软件之一.虽然Axure的学习曲线比较陡峭,但是掌握之后可以很快实现我们脑海中的用户体验效果. 笔者自学Axure有半年多的时间了.刚开始接触Axure的时候,逛过无数论坛.Axure的网站,也浏览了许多大牛录制的Axure视频课程.这些教程和资料非常完整地介绍了这款软件能够做什么,这款软件的界面如何,怎么样使用部件,如何创建交互等.但

记公司的原型设计软件培训课程

这里首先感谢公司,也感谢培训讲师,具体名称和姓名就不指明了,这里会用到培训讲师的讲解资料,在此表示十分感谢! 在给企业客户做系统实施时,整个实施过程存在这么几方人马:客户业务部门及人员.客户IT部门及人员.我方项目经理及实施人员.我方技术主管及开发人员.业务人员懂业务,但是大部分不懂编程技术:而技术开发人员懂程序,大部分却不懂业务.每个方面的人马都有自己的诉求,各方人马如何有效地沟通是很重要的.否则就会出现:技术人员费了好大劲搞定的技术难题或需求功能,最后发现跟业务需求完全不搭边,需要返工重做:

快速原型设计工具-Axure RP的介绍及简单使用(生产初期向客户展示设计产品的原型-也就是展示产品)

啧啧~~ 给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP 这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计出来的原型产品就是你项目组后期整个项目所要做成的样子,只是为了向客户展示.注意啦!这款工具所设计出来的产品项目原型作用只有一个,那就是向客户展示你对他要做的项目~~ 好了,话不多说,来简单的设计一个小案例: 这里我用的是6.0版本的,没办法,公司就用这个版本~~ 首先打开桌面"AxureRP.exe

Axure RP一个专业的快速原型设计工具

Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司采用. Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工程师也在使用Axure. Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定