写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于动态面板 动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果.所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面: 1.  隐藏与显示 2.  滑动效果 3.  拖动效果 4.  多状态效果 以上这些效果都在移动面板的元件属性里…

示例原型:http://pan.baidu.com/s/1mgjYahi 实现目标: 1.  点击登录滑出登录面板 2.  点击确定滑出动态面板 最终效果如下: 这种效果可以通过两种方法实现: 首先准备需要的元件:1个矩形,1个文本,1个动态面板(里面包含2个矩形,一个作为面板,一个作为登录按钮) 把动态面板添加一个状态,准备工作就结束了. 注意:每个主要元件记得加上标签啊! 第一种:动态面板滑入滑出方式 1.  设置文本面板“登录”的onclick事件,为点击时动态面板滑动到绝对位置(x,y)…

动态面板可以理解为有多维空间的一个容器,里面可以设置多个state,每个state里面可以放多个元件 先把对应的元件设置为动态面板并且隐藏: 本段教程主要包括三种应用场景: 1.邮箱不为空.密码为空时,点击登录会跳出提示,并且登录界面会向下移: 2.密码为空.邮箱不为空,点击登录会跳出提示,并且登录界面会下移: 3.密码和邮箱都为空,点击登录,会将提示语隐藏,并且登录界面会上移…

写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于Axure动态面板 动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果.所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面: 1.  隐藏与显示 2.  滑动效果 3.  拖动效果 4.  多状态效果 以上这些效果都在移动面板的…

1.什么是Axure的动态面板 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度.动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一个状态理 解成一个独立的页面).任何时候都只有一个状态(页面)是可见的,或整个动态面板可以被隐藏.结合交互动作,可以让动态面板的状态进行隐藏.显示和改变. 像添加其它控件一样,可以在控件面板中拖放动态面板控件到线框图中. 简单的说,动态面板就是展示在页面不跳转的情况下所…

利用Axure的动态面板组件制作图片轮播: 首先现在操作区添加一个动态面板组件: 鼠标放在动态面板上,右键单击选择面板状态管理,给动态面板设置名称并添加两条状态然后点击确定. 双击动态面板,然后双击state1,跳转到state1状态设置页面,然后我们为其添加一个背景图. 同理,也给state2和state3导入图片. 在动态面板页,单击属性中的载入时用例: 点击确定,然后在浏览器中预览就能看到图片轮播效果了.…

1.打开[Axure]软件,在index文件上新建一个375*667大小的背景矩形并绘制页面. 具体如图所示. 2.在banner的位置上新建一个[动态面板],双击动态面板在其中新建state1.state2.state3.并依次单击重新命名成banner1.banenr2.banner3.具体如图所示. 3.在右侧的页面模块上双击[banner1]进入到banner1的内页中,并新建一个矩形填充[006600]的颜色.具体如图所示. 4.在右侧的页面模块上双击[banner2]进入到banne…

淘宝中经常可以看到店铺中的图片轮播效果,本经验将通过axure7.0实现 工具/原料   axure7.0 方法/步骤     下载需要轮播的图片   将图片引入至axure中,将引入的第一张图片转为动态面板   将动态面板添加四个状态,分别为状态1,状态2,状态3,状态4,每个状态中添加上面的图片做背景   我们在页面处添加页面载入事件,使页面载入完成后,就开始不断的按顺序切换这个动态面板的状态,此时就可以看到图片如淘宝示例那样不断切换:接下来我们做一点有意思的事   添加四个矩形,设置选中组…

转载自: http://www.iaxure.com/74.html 实现目标: 1.  点击登录滑出登录面板 2.  点击确定滑出动态面板 最终效果如下: 这种效果可以通过两种方法实现: 首先准备需要的元件:1个矩形,1个文本,1个动态面板(里面包含2个矩形,一个作为面板,一个作为登录按钮) 把动态面板添加一个状态,准备工作就结束了. 注意:每个主要元件记得加上标签啊!(元件添加标签,见教程一:小楼axure教程(一)文本框焦点效果) 第一种:动态面板滑入滑出方式 1.  设置文本面板“登录”…

无论是谁,在刚开始接触一门不太熟悉的东西时都有一种恐惧感,但是慢慢多练习几遍,再多琢磨琢磨,形成自己的见解和认识,就掌握的差不多了.我说的是题外话,现在转入正题. 面板切换,也就是我们通常所有的tab切换. 几个简单的步骤就可完成: 先看图,我们预想的是默认情况下:显示快速登录按钮的选中状态,下面内容显示相应的内容:‘我是内容一’,点击账户密码登录,选中账户密码登录状态,显示对应的内容:‘我是内容二’ 步骤1: 页面上拖入一个动态面板,双击动态面板,点击+,增加一个状态 state2.好了,现在…

知识点: 1.动态面板的状态下相当动态面版的模式,当符合某种条件的话就选择对应的动态面板的状态 2.动态面板的尺寸可以根据内容自动调整大小 本节教程主要分为一下图片两种场景: 出现动态面板中的两种.一种错误,对应的分别是动态面板的两种状态,动态面板可以显示对应的错误个数和种类,并且调节对应的动态面板的尺寸 某个动作想要什么状态就直接设置就行,如下图…

示例原型下载:小楼Axure原创元件-带遮罩层的弹出框 实现目标: 1.   点击按钮弹出带遮罩层的对话框: 2.   页面上下左右滚动时,弹出的对话框水平和垂直始终居中. 实现步骤如下: 1. 拖入编辑区2个矩形,并点右键—转换—转换为动态面板: 2. 双击其中一个动态面板设置标签为“遮罩层”(看个人喜好随便命名),并双击状态1进入编辑: 3. 点击状态1里面的矩形,设置大小与网站页面大小相同,以便完全遮盖:然后,设置矩形边框为“无”:最后设置填充色的透明度为50%(看个人喜好),并选择填充色…

我们曾经对axure线框图基本元件进行过说明,现结合这我对这些元件的使用习惯,对部分元件的使用,再做一些补充. 1. 图片:可以编辑悬停.按下时候显示不同的图片,做图片的一些特殊效果. 2. 文本(lable):这个元件到处都能用得到,这个元件是可以通过事件触发改变元件文字的,可以通过全局变量,实现如登陆前后不同的文字提示效果.对我来说这个元件还有一个用处就是除错,因为axure没有调试器,所以当因为变量值出现问题导致交互效果无法出现的时候,我通常会在调用变量时顺便加上一个动作,拖进去一个文本,…

(三)Axure rp元件的触发事件 l  OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发.比如点击按钮. l  OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍. l  OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发.比如鼠标离开图片时,图片介绍消失. l  OnKeyUp(按键弹起时): 文本框(单行与多行)编辑时,键盘按下某一个按键松开时触发,不支持其他axure元件.比如…

(二)Axure rp的线框图元件 l  图片 图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大:选择图片时可以选择图片原始大小,或保持图片元件的大小. l  文本 在网页中文本的名称是lable,用于页面中添加说明文字.文字连接,或一些动态的提示. l  矩形 矩形的应用比较广泛,比如作为页面的背景.按钮.以及一些元件的遮盖等:矩形的形状可以通过鼠标右键点击–编辑选项—改变形状,来变成我们需要的形状,比如做选项…

名词解释: 线框图:一般就是指产品原型,比如:把线框图尽快画出来和把原型尽快做出来是一个意思. axure元件:也叫axure组件或axure部件,系统自带了一部分最基础常用的,网上也有很多别人做好的,软件使用到一定阶段可以考虑自己制作元件,以便提高产品原型的制作速度. 生成原型:是指把绘制好的原型通过axure rp生成静态的html页面,检查原型是否正确,同时,方便演示.建议生成时选择用谷歌浏览器打开(第一次会有提示安装相关插件),ie会每次都有安全提示,不如谷歌浏览器方便. (一)  Ax…

自己无意间发现了做原型设计的工具--Axure,所以就自学了一点皮毛.最近时间比较充裕,就把自己现学现卖的东西整一整. 作品比较简单,没有技术可言,根据用户和开发需求,利用动态面板和一些点击事件完成了一系列流程. 主要效果是:左侧点击Taxonomy触发对导航栏的管理,可以切换导航栏视图:树状菜单导航栏与右侧数据联动:右侧数据的鼠标点击事件: 界面效果如图: 一.利用树状菜单形成左侧导航栏 步骤如下: 1.选择添加菜单原件:树状菜单.通过拖拽形式插入树状菜单 2.编辑树状结构:右键点击树状菜单,…

二.动态面板 数据库设计 函数设计:该函数用于获取某个节点的所有子节点 CREATE FUNCTION fn_getAddress_ChildList_test(rootId INT) RETURNS varchar(1000) CHARSET utf8 #rootId为你要查询的节点 BEGIN #声明两个临时变量 DECLARE temp VARCHAR(1000); DECLARE tempChd VARCHAR(1000); SET temp = '0'; SET tempChd=CAS…

认准品牌 六脉神掌 尽量给每一个交互加上效果,尽量模拟真实的交互 无图无真相,我们先看效果图 1 这是还原Android Material Design风格的一个底部菜单效果 2 这个是模拟欢迎页面 3 模拟自动轮播的广告页面 4 这里是发送短信验证码 5 模拟选择图片附件上传 6 开关按钮 7 购物车数字输入框 收藏框 打分框 单选多选 8 进度条大合集 9 输入框提示语 10 左侧滑动菜单 11 左侧滑动菜单 盖住中间部分 12 右侧菜单 13 右下角浮动菜单 14 上刷新 下拉加载更多 1…

关于Axure RP软件的介绍——软件工程实践第二次个人作业 Axure RP是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定义和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档. Axure RP--作为专门的原型设计的工具,它比一般创建静态原型的工具如Visio.Omnigraffle.Illustrator.Photoshop.Dreamweaver.Visual Studio.FireWorks要快速.高效. 首先,Axu…

这几天用Axure画原型图的过程中,须要实现Tab选项卡切换的效果,但Axure中并没有类似于Tab控件的部件,所以能够用Axure中的动态面板(Dynamic Panel)来实现. 本文以已经汉化的Axure7.0为例.英语不太好的朋友能够先进行汉化(汉化的时候要注意版本号.不同的版本号.汉化文件也稍有差异). 详细实现过程例如以下: 1.往页面中拖入一个动态面板部件: 2.给该动态面板部件加入几个状态: 操作方法为:双击该动态面板,点击左側的加号加入状态.这里把四个加入的状态名称改为"选项卡…

# PS### 快捷键:CTRL+N(新建)CTRL+1. **切片**- 套索,磁性套索,椭圆,矩形选框.2. **印章** 仿制图章工具,图案图章工具3. 钢笔4. 油漆桶5. 吸管工具, ***# Axure### 常用工具* **动态面板**-对应切换的功能.* 基本元件-图像标签,文本标签,文本框,按钮等.* 登陆验证,以及弹出相应对话框功能的实现.* 用例的编辑-鼠标点击相对应事件,获取焦点与失去焦点的对应事件操作.* **母版**的操作(这个貌似我没学会啊额).***# Markd…

参考资料: 动态面板实现banner的轮播效果…

1  首先放置一个面板1作为点击事件: 2  另外一个面板2或者其他组建,将其设置为动态面板,然后隐藏 3  给面板1添加如下事件,即可: 4  我们点击面板1,可以实现展开隐藏面板2的动态效果…

1 概述 原型设计是应用开发设计的第一要素.好的原型设计不仅可以起到沟通的作用,而且对客户而言应用程序拥有更直观的体现.原型设计通过内容和结构展示以及界面布局编排,实现在开发前期用户与产品进行交互.提高用户对项目的认可度,有利于项目的推进.下面为大家介绍一款原型设计工具——Axure RP. 2 名词解释 Axure RP:Axure RP是一个专业的快速原型设计工具.Axure,代表美国Axure公司:RP则是Rapid Prototyping的缩写,译为快速原型. 3 工具介绍 Axure…

---恢复内容开始--- Axure工具的使用 axure是什么? Axure RP是一款快速原型设计工具,它不需要任何编程或写代码基础,就可以设计出交互效果良好的产品原型,常用于互联网产品设计.网页设计.UI设计等领域. 作为一款热门的原型设计工具,它可以完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容. 给页面添加组件 登录页面为例子 在页面上拖入一个文本标签,输入框等设置其样式等操作 按F5可以在浏览器上观看效果 3 .给按钮添加事件,添加条件 4…

1.Axure的用途      Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发.      Axure RP就是用来给网站画图纸的软件.它如同服装设计师的样衣,如同建筑师的图纸,如同电影导演的故事板,如同售楼处的样板间.总之,它能让你在真正付出时间和金钱来制作一个网站之前,能够完全了解到最终真正网站所具有的功能,设计,交互和用户体验.就亲眼看到,亲手用到一个网站.然后在…

1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器的 会跟着变尺寸的 动态面板,当中继器项值因筛选减少时,不会立即改变动态面板的尺寸大小,可以通过获取筛选后的中继器尺寸来设置面板尺寸.最好用万能办法:可以用中继器内的单位尺寸*筛选后的项数获得总尺寸 在筛选过程中有新增的,或者等量的更新时,才会立即更新动态面板的大小尺寸 4. 无法对同个对象进行 同…

你有用原型开发工具吗?如果有,那你用的是Axure还是别的? 从以前就喜欢使用Axure,主要是觉得它能清楚的表达设计的思路,还有交互的真实再现,能让看的人一目了然,昨天看了这篇博文,便更加确定Axure是个好东西.Axure 6.5已于4月18日发布,可直到上周我才发现,于是赶紧下载升级.等待下载的过程中,闲来无聊跑去看了Axure的版本历史,又浏览了一下官方的使用教程,忽然发现Axure竟如此博大精深,自己平时所用的功能只是皮毛而已.诚惶诚恐的仔细读完官方教程,再结合平时工作中的情况,我总结…

http://www.woshipm.com/ucd/92153.html Axure 是创建软件原型的快速有力的工具.上手很容易,但是,其中存在一个危险.这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用.他们可能不知道的是他们可能没有以恰当的方式来使用 Axure. 作为一位有经验的用户体验设计师,我很少在画一页的时候第一次就能把它设计正确.大部分时候,我要经历5到10次的反复迭代(iterations).当你的用户体验设计是用来作为敏捷项目(agile proj…