• 对于用Axure画出手绘效果的原型图,您有多少了解呢?下面就为大家介绍一下,望对大家有所帮助。 前段时间跟大家介绍了一个软件Balsamiq Mockups,这是一个可以简单画出的手绘效果原型图的软件,操作也很简单!后来有朋友问我Axure可以画出手绘效果的原型图吗?答案的肯定的,只不过没有Balsamiq Mockups那么手绘,但是也可以改善一下Axure里总是横平竖直的视觉感受!
  • 对于用Axure画出手绘效果的原型图,您有多少了解呢?下面就为大家介绍一下,望对大家有所帮助。 前段时间跟大家介绍了一个软件Balsamiq Mockups,这是一个可以简单画出的手绘效果原型图的软件,操作也很简单!后来有朋友问我Axure可以画出手绘效果的原型图吗?答案的肯定的,只不过没有Balsamiq Mockups那么手绘,但是也可以改善一下Axure里总是横平竖直的视觉感受! >>
  • 来源:www.51edu.com/it/txsj/74415.html
  • 验证码是一种很常见的东西,在很多网站的登录、注册、下单等业务操作时都会用到验证码。当然,验证码的形式也随着互联网、信息化的发展而变得多样起来,从最初的输入图中的文字到运算图中的数字再到最近坑的很火的123XX看图找物,样式层出不穷的验证码已经成为一个网站别样的风景,当然对于某一类的验证码大家的评价也是褒贬不一。 我今天要跟大家分享的这一类验证码是本人认为见过的最好的一种,这个东东叫极验老实说我第一次看到这个效果是在哪里实在记不得了,但是印象最深的一次是在人人都是产品经理网站的注册页面(我不
  • 验证码是一种很常见的东西,在很多网站的登录、注册、下单等业务操作时都会用到验证码。当然,验证码的形式也随着互联网、信息化的发展而变得多样起来,从最初的输入图中的文字到运算图中的数字再到最近坑的很火的123XX看图找物,样式层出不穷的验证码已经成为一个网站别样的风景,当然对于某一类的验证码大家的评价也是褒贬不一。 我今天要跟大家分享的这一类验证码是本人认为见过的最好的一种,这个东东叫极验老实说我第一次看到这个效果是在哪里实在记不得了,但是印象最深的一次是在人人都是产品经理网站的注册页面(我不 >>
  • 来源:www.woshipm.com/rp/319045.html
  • 当我们拖几个矩形框来模拟TAB属性页的样子时,发现矩形框的排列因为边框的原因,因各自边框的原因,会发现边框接触处有两条线:  处理的方式有几种:一是将组件之间相互再靠近一个像素,让它们边框重叠,这样只会出现一条线,二是将矩形框的形状换成另外一个形状,看看有其它什么形状:  我们可以看到各种图形样式,看看上面的第二个样式,没有下边框的矩形,这个恰好可以作为TAB属性页的上边按钮:  但是发现上面的三个TAB之间的竖线比较粗,可以使用上面说的第一种方式,水平向左移动它们的位置,让它们重叠一个像素,做成下面的样
  • 当我们拖几个矩形框来模拟TAB属性页的样子时,发现矩形框的排列因为边框的原因,因各自边框的原因,会发现边框接触处有两条线: 处理的方式有几种:一是将组件之间相互再靠近一个像素,让它们边框重叠,这样只会出现一条线,二是将矩形框的形状换成另外一个形状,看看有其它什么形状: 我们可以看到各种图形样式,看看上面的第二个样式,没有下边框的矩形,这个恰好可以作为TAB属性页的上边按钮: 但是发现上面的三个TAB之间的竖线比较粗,可以使用上面说的第一种方式,水平向左移动它们的位置,让它们重叠一个像素,做成下面的样 >>
  • 来源:www.kejik.com/article/43294.html
  • 聊天气泡图标,像微信的图标,它是一个椭圆形+三角形的组件。那么我们利用axure的图形是否可以实现呢答案显然可以。 我们添加个形状,修改形状为椭圆形,然后再添加再添加个形状,设置为三角形,但我们如何达到第二个图形的效果呢? 我们发现图形是可以旋转的,先将三角形高度调小一点,然后按住ctrl键,移动鼠标到上面的红色箭头指向的选中状态的8个矩形框的四个中间矩形框处,会出现旋转的鼠标形状,这时就可以旋转了(也可以在属性设置框里设置旋转角度,但这时你不知道设置的角度值应该是多少)
  • 聊天气泡图标,像微信的图标,它是一个椭圆形+三角形的组件。那么我们利用axure的图形是否可以实现呢答案显然可以。 我们添加个形状,修改形状为椭圆形,然后再添加再添加个形状,设置为三角形,但我们如何达到第二个图形的效果呢? 我们发现图形是可以旋转的,先将三角形高度调小一点,然后按住ctrl键,移动鼠标到上面的红色箭头指向的选中状态的8个矩形框的四个中间矩形框处,会出现旋转的鼠标形状,这时就可以旋转了(也可以在属性设置框里设置旋转角度,但这时你不知道设置的角度值应该是多少) >>
  • 来源:www.woshipm.com/rp/225803.html
  • 我们不希望面板在拖动的过程中覆盖到了客户端的顶导和底导,因此我们干脆把拖动面板设置到最底层。在 主要框架/state1 页面右击拖动面板,选择顺序-> "置于底层"。  设置完成之后单击拖动面板,为该元件添加交互效果。双击主界面右上角的元件交互与说明面板中的动作拖动时,添加动作移动,选中拖动面板复选框,选中垂直拖动下拉选项,点击确定完成。  此时我们可以按F5在本地的浏览器中进行预览,鼠标拖动查看效果。  可以感觉到这样的效果是大打折扣的,因为我们只为拖动面板设
  • 我们不希望面板在拖动的过程中覆盖到了客户端的顶导和底导,因此我们干脆把拖动面板设置到最底层。在 主要框架/state1 页面右击拖动面板,选择顺序-> "置于底层"。 设置完成之后单击拖动面板,为该元件添加交互效果。双击主界面右上角的元件交互与说明面板中的动作拖动时,添加动作移动,选中拖动面板复选框,选中垂直拖动下拉选项,点击确定完成。 此时我们可以按F5在本地的浏览器中进行预览,鼠标拖动查看效果。 可以感觉到这样的效果是大打折扣的,因为我们只为拖动面板设 >>
  • 来源:www.xker.com/page/e2016/0318/235760.html
  • 小编寄语:小编本来想着用FSCapture录制一下动态的效果视频,然后把这个视频转换成gif格式的,但是找了好久没有找到合适的工具,可怜的小伙伴们就看不到动态的淡入淡出的gif图片了,有哪位可爱的小伙伴有合适的工具,欢迎留言告诉小编,小编不胜感激,小编已经把淡入淡出的文件上传到网上,有需要的小伙伴可以点击进行下载。 Axure,在没有实现具体的某个软件或者系统之前,可以很好的帮助我们同客户进行沟通,然后Axure的能力远远超过我们的想象,她不仅可以实现简单的跳转,显示隐藏,还有很多很多,我们不曾发现的神
  • 小编寄语:小编本来想着用FSCapture录制一下动态的效果视频,然后把这个视频转换成gif格式的,但是找了好久没有找到合适的工具,可怜的小伙伴们就看不到动态的淡入淡出的gif图片了,有哪位可爱的小伙伴有合适的工具,欢迎留言告诉小编,小编不胜感激,小编已经把淡入淡出的文件上传到网上,有需要的小伙伴可以点击进行下载。 Axure,在没有实现具体的某个软件或者系统之前,可以很好的帮助我们同客户进行沟通,然后Axure的能力远远超过我们的想象,她不仅可以实现简单的跳转,显示隐藏,还有很多很多,我们不曾发现的神 >>
  • 来源:www.lxway.com/41016826.htm
  • 案例:按条件删除按条件删除数据集中的数据,关键在于条件表达式的编写。比如:按学号删除。我们为删除按钮的【鼠标单击时】事件添加用例动作(图6-26):1、选择中继器数据集中的动作【删除行】;2、勾选要删除行的到中继器【scoretable】;3、界面右下角的选项会默认选中【条件】;4、条件的输入框中我们可以直接输入表达式,不过这里需要用到局部变量获取文本框输入的学号,所以,我们点击【fx】打开编辑值的界面。5、设置局部变量sid获取到文本框s_id的元件文字。6、写入条件表达式:[[Item.
  • 案例:按条件删除按条件删除数据集中的数据,关键在于条件表达式的编写。比如:按学号删除。我们为删除按钮的【鼠标单击时】事件添加用例动作(图6-26):1、选择中继器数据集中的动作【删除行】;2、勾选要删除行的到中继器【scoretable】;3、界面右下角的选项会默认选中【条件】;4、条件的输入框中我们可以直接输入表达式,不过这里需要用到局部变量获取文本框输入的学号,所以,我们点击【fx】打开编辑值的界面。5、设置局部变量sid获取到文本框s_id的元件文字。6、写入条件表达式:[[Item. >>
  • 来源:www.wrox.cn/source/1530/?page=2
  • 从元件库中找到中继器,按住并拖入中间的操作区,我们可以看到它已经有一列三行,分别写着1、2、3。  那么操作区中的1、2、3从哪里来的呢?聪明的同学已经看出来了,在右侧的检视:中继器中继器栏有一个编辑区,里边便有1、2、3。但是这还不够,如果我们把检视:中继器交互每项加载时中的case1删除,那么操作区中1、2、3便消失了。由此可见,还需要case1把操作区和编辑区联系在一起。  按Ctrl+Z撤销删除case1操作,双击case1打开用例编辑<每项加载时>
  • 从元件库中找到中继器,按住并拖入中间的操作区,我们可以看到它已经有一列三行,分别写着1、2、3。 那么操作区中的1、2、3从哪里来的呢?聪明的同学已经看出来了,在右侧的检视:中继器中继器栏有一个编辑区,里边便有1、2、3。但是这还不够,如果我们把检视:中继器交互每项加载时中的case1删除,那么操作区中1、2、3便消失了。由此可见,还需要case1把操作区和编辑区联系在一起。 按Ctrl+Z撤销删除case1操作,双击case1打开用例编辑<每项加载时> >>
  • 来源:www.woshipm.com/rp/614773.html?from=timeline
  • 今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~ 如图:当我点击删除按钮后,如果用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,如果不要删除,则点击取消;  首先描述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,另一个是隐藏弹窗口。  下面是弹出对话框的两个状态的设计:  隐藏状态的动态面板设置为空白,这样当切换到这个状态时就看不到任何东西。  然后为删除按钮添加用例:  注意,这里是当发生单击事件的时候弹出动态面板,
  • 今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~ 如图:当我点击删除按钮后,如果用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,如果不要删除,则点击取消; 首先描述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,另一个是隐藏弹窗口。 下面是弹出对话框的两个状态的设计: 隐藏状态的动态面板设置为空白,这样当切换到这个状态时就看不到任何东西。 然后为删除按钮添加用例: 注意,这里是当发生单击事件的时候弹出动态面板, >>
  • 来源:www.jeepshoe.org/409989151.htm
  • 今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~ 如图:当我点击删除按钮后,如果用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,如果不要删除,则点击取消;  首先描述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,另一个是隐藏弹窗口。  下面是弹出对话框的两个状态的设计:  隐藏状态的动态面板设置为空白,这样当切换到这个状态时就看不到任何东西。  然后为删除按钮添加用例:  注意,这里是当发生单击事件的时候弹出动态面板,
  • 今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~ 如图:当我点击删除按钮后,如果用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,如果不要删除,则点击取消; 首先描述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,另一个是隐藏弹窗口。 下面是弹出对话框的两个状态的设计: 隐藏状态的动态面板设置为空白,这样当切换到这个状态时就看不到任何东西。 然后为删除按钮添加用例: 注意,这里是当发生单击事件的时候弹出动态面板, >>
  • 来源:www.jeepshoe.org/409989151.htm
  • A删除当前行 首先,我们先来看怎么删除当前行。顾名思义,每一项要对应一个删除按钮。所以,我们要在中继器中添加一个“删除”按钮,通过点击“删除”按钮,来实现删除数据集中的数据。(注意:点击中继器界面,再放入删除按钮,在进行编辑,就会有“This”了) 然后,在点击这个“删除“按钮的时候,我们要删除当前的一行。步骤如下: 1、选中“删除”按钮,双击“鼠标单击时”事件名
  • A删除当前行 首先,我们先来看怎么删除当前行。顾名思义,每一项要对应一个删除按钮。所以,我们要在中继器中添加一个“删除”按钮,通过点击“删除”按钮,来实现删除数据集中的数据。(注意:点击中继器界面,再放入删除按钮,在进行编辑,就会有“This”了) 然后,在点击这个“删除“按钮的时候,我们要删除当前的一行。步骤如下: 1、选中“删除”按钮,双击“鼠标单击时”事件名 >>
  • 来源:www.lxway.com/841002151.htm
  • 您在Axure RP的sitemap窗格定义好的网站架构,只要one-click就可以转成树状架构图。 建议您先开启一个空白页面,命名为』Sitemap』或者其它您觉得有意义的名称。 接下来,在sitemap窗格中的最上层页面(root 或 home),按鼠标右键,选择「Generate Flow Diagram」,此时会出现「Generate Flow Diagram」对话框,寻问您想要产生「Standard 」或是「 Right Hanging 」的选项。    接下来Axure RP就会把您所选择的
  • 您在Axure RP的sitemap窗格定义好的网站架构,只要one-click就可以转成树状架构图。 建议您先开启一个空白页面,命名为』Sitemap』或者其它您觉得有意义的名称。 接下来,在sitemap窗格中的最上层页面(root 或 home),按鼠标右键,选择「Generate Flow Diagram」,此时会出现「Generate Flow Diagram」对话框,寻问您想要产生「Standard 」或是「 Right Hanging 」的选项。   接下来Axure RP就会把您所选择的 >>
  • 来源:www.cha80.cn/soft/Axure/138.html
  • (变量框内容:删除前面的0。最终效果是[[Window.scrollY]]) 确定事件。 预览或生成一下,就能看到你想要的效果,任你页面内容有多长,title部分内容始终在上头屹立不动。 这样的方式还可以做到任意位置,如在页面旁边放广告,只要你设置好绝对位置的y坐标轴,任你窗口如何滚动,小广告始终安静地悬挂在那里。 事件:窗口滚动时 移动 某个元件(内容生成的动态面板或小图片)绝对位置到 y:fx 。 设置 fx通常有以下几种结果: [[Window.
  • (变量框内容:删除前面的0。最终效果是[[Window.scrollY]]) 确定事件。 预览或生成一下,就能看到你想要的效果,任你页面内容有多长,title部分内容始终在上头屹立不动。 这样的方式还可以做到任意位置,如在页面旁边放广告,只要你设置好绝对位置的y坐标轴,任你窗口如何滚动,小广告始终安静地悬挂在那里。 事件:窗口滚动时 移动 某个元件(内容生成的动态面板或小图片)绝对位置到 y:fx 。 设置 fx通常有以下几种结果: [[Window. >>
  • 来源:www.woshipm.com/rp/265642.html
  • 来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。 淘宝、天猫和京东等购物网站已经成为我们生活中的一部分,每每打开我们都可以看到有一个广告窗口,图片在里面循环滚动播放,那么它是怎么实现的呢?利用Axure软件我们可以简单实现,下面我将向大家分享一下具体步骤,希望能够帮助到大家。 原材料: 图片、动态面板、按钮、状态栏  注意命名,状态栏内的原点按钮命名和对应的图片一致,后面有妙用;按钮和状态栏都可以用矩形轻松制作而成。 步骤/方法第一步:设置动态面板内容 动态面板状态设置成
  • 来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。 淘宝、天猫和京东等购物网站已经成为我们生活中的一部分,每每打开我们都可以看到有一个广告窗口,图片在里面循环滚动播放,那么它是怎么实现的呢?利用Axure软件我们可以简单实现,下面我将向大家分享一下具体步骤,希望能够帮助到大家。 原材料: 图片、动态面板、按钮、状态栏 注意命名,状态栏内的原点按钮命名和对应的图片一致,后面有妙用;按钮和状态栏都可以用矩形轻松制作而成。 步骤/方法第一步:设置动态面板内容 动态面板状态设置成 >>
  • 来源:www.wanhuajing.com/d548495
  • ???狷馷7氿"袌睲氪稌$苋?8KN~fL篽 *l|?? 靅[SG~牺?W箑?枑竬w?洍輮S曥綪攌(k浒汳RF诣!墜 杸.帊G3#T?%t襄Ia雝廎b?冊觹鷾>_熡=s昔y涤`裩j狤?長fv冥裵峳?1K:?芁|+鐻歒?Yf綕祰?s`w橷娘?5{侵景檆p0阥凰.縪他廅??懡甍箊u狴G軦o}苇鬓?廄3甠緱峻渼N辮Qs严籍6?}柾璙犩?s笓嚭??9?终?
  • ???狷馷7氿"袌睲氪稌$苋?8KN~fL篽 *l|?? 靅[SG~牺?W箑?枑竬w?洍輮S曥綪攌(k浒汳RF诣!墜 杸.帊G3#T?%t襄Ia雝廎b?冊觹鷾>_熡=s昔y涤`裩j狤?長fv冥裵峳?1K:?芁|+鐻歒?Yf綕祰?s`w橷娘?5{侵景檆p0阥凰.縪他廅??懡甍箊u狴G軦o}苇鬓?廄3甠緱峻渼N辮Qs严籍6?}柾璙犩?s笓嚭??9?终? >>
  • 来源:www.xiukee.com/show_732495.html
  • 这就是我中继器中所有的数据,通过这些数据我显示了列表页与详情页一一对应关系的跳转逻辑,下面是中继器中基本项的设置,此处需要注意上面的数据项比基本项中的数量要多,那么多出的数据有什么用呢?在实际中,列表中的信息往往都是比较少的,而详情页de内容是是否丰富的,在上面设置的很多的属性均是只在详情页才会使用到。而如何把数据传递到详情页呢?这是一个问题,容我一一道来: 下图是第一个中继器中的基本项设置。
  • 这就是我中继器中所有的数据,通过这些数据我显示了列表页与详情页一一对应关系的跳转逻辑,下面是中继器中基本项的设置,此处需要注意上面的数据项比基本项中的数量要多,那么多出的数据有什么用呢?在实际中,列表中的信息往往都是比较少的,而详情页de内容是是否丰富的,在上面设置的很多的属性均是只在详情页才会使用到。而如何把数据传递到详情页呢?这是一个问题,容我一一道来: 下图是第一个中继器中的基本项设置。 >>
  • 来源:www.xker.com/page/e2015/1024/227367.html
  • 第一步:从网络上下载安装程序到本地电脑、汉化语言包、注册码,双击安装程序,如图:  第二步:安装过程截图 乱码的情况是正常的  直接下一步  点击我同意,直接下一步  选择你要安装的文件路径,我一般默认路径,点击下一步  下一步  下一步  安装过程中  选择运行,点击完成,到这一步程序安装完成了!  进入启动界面了,启动的时间会慢点,和电脑配置有关  程序的欢迎界面,这个是已经注册的和汉化的。  如何汉化:lang.
  • 第一步:从网络上下载安装程序到本地电脑、汉化语言包、注册码,双击安装程序,如图: 第二步:安装过程截图 乱码的情况是正常的 直接下一步 点击我同意,直接下一步 选择你要安装的文件路径,我一般默认路径,点击下一步 下一步 下一步 安装过程中 选择运行,点击完成,到这一步程序安装完成了! 进入启动界面了,启动的时间会慢点,和电脑配置有关 程序的欢迎界面,这个是已经注册的和汉化的。 如何汉化:lang. >>
  • 来源:www.b2cpm.com/axure/201.html