Axure学习日志
文章平均质量分 66
关于产品方向的交互软件Axure 的学习点滴,其中夹杂Xmind思维导图与Axure的呼应,笔风诙谐幽默,配图完整,通俗易懂,希望与大家一起学习,请提出您的宝贵意见!
Yoo前端
Yoo前端,带来无限可能。
展开
-
可视化大屏原型图解决方案附axure可视化组件库
现在越来越多的数据展示方式采用了可视化大屏的策略,对数据项进行图表或者动态的展示。在没有产品原型的情况下,怎么制作一个简易的原型呢?这里提供三种方式制作简易demo:第一种:原生html+js实现(适合有开发经验的上手)cdn方式引入echarts等第三方库,制作简易的demo。我们可以先从gitee上搜索一下可视化,大屏等关键字,找到一些案例后进行运行。(一般的原生案例都会预留一个index.html的入口)有前端开发经验的程序员可以很快的熟悉 这种demo的模式,在代码中修改需要自定义部.原创 2021-10-08 19:18:19 · 4523 阅读 · 6 评论 -
Axure学习日志之中继器页面跳转
打开Axure,几个小部件,上面下拉框和中继器数据详见上篇,默认显示三个项目增加下面的跳转按钮,<点击上一页,>点击下一页数字代表直达某页ok运用设置当前显示页面直接上交互事件上一页和下一页直接Previous和next就ok直接跳转用局部变量获取值ok,可以在里面找到几个不用局部变量的测试过!...原创 2019-06-17 21:50:31 · 5562 阅读 · 0 评论 -
Axure学习日志之中继器设置显示项目数量
打开Axure,还是先拖一个中继器上来。首先,增加一点数据,简单的,1-10就ok,本就默认有了1-3搞定,然后拖一个下拉列表,命名为shu编辑多行,ok,这里的意思是让下拉列表控制页面显示的数量添加下拉列表的点击事件用局部变量把下拉列表中的数值读到,并且设置每页显示的项目数量。搞定,F8测试,我测完了,没问题,不放截图了。但是这里我们默认了1(在下拉选项里),但是进去却不...原创 2019-06-17 15:08:11 · 4932 阅读 · 0 评论 -
Axure学习日志之中继器筛选过滤
打开一个空白Axure!加入一个中继器和一个下拉选项给下栏选项加入选项男女,并加入选项改变时事件F8测试,过!初始状态:改变选项女改变选项男ok,skr!...原创 2019-06-14 16:47:46 · 2699 阅读 · 3 评论 -
Axure学习日志之实现中继器排序
打开AXURE,好几天没更新了,但是还记得是这么开头的,当产品经理的梦不能灭。今天整理一下如何用中继器进行排序,首先我们要有中继器,设置三列姓名年龄身高下一步,加一点数据,并且加载出来在退到主界面上,加上三个列头点击年龄,对年龄进行排序名称即为排序的名称,属性是name,age,height简单来说就是那儿行数据排序类型是按照什么,Number就是按照数字排序升序降序就字...原创 2019-06-13 17:11:26 · 1224 阅读 · 0 评论 -
Axure学习日志之如何对中继器进行添加删除
打开Axure。原创 2019-06-09 16:59:11 · 352 阅读 · 0 评论 -
Axure学习日志之中继器详解
打开Axure !元件库,默认最后一项中继器首先来介绍一下Axure8中中继器的操作分布属性包括中继器的交互事件,也可以在下面添加数据,这里我们简单称为操作+数据说明就不说明了,和其他的一样,注释作用样式,可以调整样式(哈哈,好像说了句废话)中继器可以像动态面板一样双击打开,进去是一个新的页面,发现里面有个小矩形此时发现这里有交互事件的哦,破案了,是为什么我们新建一个...原创 2019-06-08 21:51:33 · 990 阅读 · 0 评论 -
Axure学习日志之下拉列表的交互
打开一个新的Axure界面!拖入两个下拉列表a,b双击下拉列表,编辑多项我们在a里存放国家,b里存放城市a中选编辑多项因为后面b要分别显示中国和巴基斯坦的城市,所以我们用动态面板的不同的state来显示首先把b转化为动态面板生成两个state,分别命名为中国和巴基斯坦在state1也就是中国中加入我们的首都北京同理在巴基斯坦state2中加入伊斯兰堡然后我们来设置a选项...原创 2019-06-07 17:58:45 · 1895 阅读 · 0 评论 -
Axure移动端实用元件库分享
链接:https://pan.baidu.com/s/1h4bpDxca__3iiSKTwQcHdw 提取码:h25v原创 2019-06-06 16:23:48 · 19916 阅读 · 15 评论 -
Axure学习日志之如何自制单选按钮复选框
打打打开Axure,为什么每次都要说这句话呢?鸭鸭想说首先看一下Axure8给我们的单选按钮和复选框怎么样,漂亮?漂亮不敢说,可以说经典,但是某些情况下我们需要些更美丽的。比如带一点圆角,不同颜色所以就要自制了自制也很简单单选按钮自制:我们搞的大一点,两个圆形元件,一个60一个40将内部⚪进行隐藏边框设置内部⚪的选中状态再同时设置nei,wai两个⚪的鼠标单击时切...原创 2019-06-06 13:51:56 · 911 阅读 · 0 评论 -
Axure学习日志之单选按钮与单选按钮组(只选其一)
打开Axure,其实刚刚就没关上,又来更新了。单选按钮可以拖动多个在页面上。但是某些情况只能选单选,比如性别。全选右键设置单选按钮组测试一下:成就达成!如果想默认为男,在F8之前点击男按钮即可。...原创 2019-06-05 21:54:23 · 9728 阅读 · 2 评论 -
Axure学习日志之如何制作高保真输入框(焦点事件)
随鸭鸭打开今天的Axure!为什么叫入门,因为也不敢说多高保真的输入框了,就是文本框好看一点,有一点交互吧。如图所示,先来一个矩形包着一个文本框,不是很美观,调整一下。全选两个元件,对齐方式,左右居中,上下居中顺便隐藏一下文本框的边框,右键,隐藏边框在样式中也可以调整一下矩形的圆角,会美观许多ok现在我们先捋一下思路现在外面矩形我们给他命名一个wai,里面的文本框我们命名一个...原创 2019-06-05 21:44:26 · 1394 阅读 · 0 评论 -
Axure学习日志之实现简单弹出框提示
和鸭鸭一起打开Axure,今天必打开Axure!首先第一步拖动几个矩形元件,随便,也不搞什么高保真,也没有合适的素材,就是意思意思这种弹出框大家应该见多不怪了,虽然我做的简陋了一点,但是至少还能看,全选右键转变为动态面板。双击进入state1中,在确定范围上加入热区。热区正好覆盖到确定就可以增加交互用例,单机时,隐藏动态面板现在我们回到主界面把动态面板进行隐藏,也就是说现在看不...原创 2019-06-04 22:26:10 · 2207 阅读 · 0 评论 -
Axure学习日志之如何实现交互样式(如导航栏等)
打开Axure!!准备好了是吧,直接上干货。很多软件或者网页的导航栏都有一个特点,比如给大家看个虎扑的导航栏首先感谢虎扑的导航栏做的如此美丽,可以供我等小鸭欣赏一下!点击NBA ,NBA是黑色的,CBA等不选中的是白色的,而且图片背景是红色的。好了好了,以上就是看看,这种效果,来举个简单的例子,这种效果是怎么实现的。首先我们需要几张png图,鸭鸭喜欢在icon下载png图,完全免费...原创 2019-06-03 22:30:51 · 1744 阅读 · 0 评论 -
Axure学习日志之全局变量与局部变量
打开Axure,不多说了hia!全局变量:顾名思义,全局,即可理解为全部软件内有效,与编程语言类似。首先,全局变量在哪儿,这是个问题在这可以设置多个全局变量,加号添加,双击重命名,双击默认值设置默认值如图建立两个全局变量haha和heihei新建一个椭圆形元件,在其中加入一个文本标签设置点击椭圆元件改变文本标签的值,设置文本为变量值,即可看到设置好的全局变量的选项,全局变量在...原创 2019-05-31 09:04:52 · 2513 阅读 · 0 评论 -
Axure学习日志之动态面板
动态面板的特性:1.容器性可以作为存储元件的窗口,这个窗口可以扩大可以缩小,只可显示出窗口可见的容器。蓝色虚线可以看作是动态面板窗口的大小2.多空间可以建立多个state(状态),但是只能看到state1中的元件。双击动态面板进入面板状态管理加号可以增加新的stateps:多个元件可以直接右键转换成动态面板。实现登录验证:首先增加两个矩形元件和一个文本标签,将其转化为动态...原创 2019-05-30 20:09:13 · 370 阅读 · 0 评论 -
Axure学习日志之页面跳转
首先打开打开Axure个登录页面鸭!如果没有第二个页面可以先把登录页面进行复制对复制的副本进行微调对登录页面的登录按钮进行添加用例,跳转如图所示case2case1为对用户名和密码的判定,若空则焦点到用户名文本框,之前日志中的条件控制已经整理。即可达到效果,跳转页面。...原创 2019-05-29 11:10:59 · 546 阅读 · 0 评论 -
Axure学习日志之条件控制
第一步还是打开Axure呦,还要打开上次做的登陆页面先说一下,元件的名字最好用英文,中文会产生某些不可预知的bug。所以我们把用户名下的文本框命名为name,密码下的命名为password。给button登录,添加一个用例,点击右边的添加条件条件ok后,确定,然后增加获取焦点到name实际效果就是如果用户点击登录,用户名和密码都为空的话就把鼠标光标移动到用户名处,让用户重新输入。...原创 2019-05-29 10:45:29 · 749 阅读 · 0 评论 -
Axure学习日志之简单原型设计
第一步还是打开Axure8鸭!1.拖拽出一个图片元件2.双击图片空间,找一张已经找到的png图,最好是png哦顺便可以加一张背景图片嘿嘿3.添加其他元件1.添加一个矩形元件调整高度和宽度,适合做一个小框架,与中间的图片元件logo对齐2.添加一个文本框元件调整高度和宽度,使其在框架里显示美观,作为用户名和密码的输入框3.添加一个文本标签作为用户名和密码的显示文字4.添加...原创 2019-05-28 11:21:18 · 494 阅读 · 0 评论 -
Axure学习日志之基本功能
首先打开Axure,鸭鸭采用的是Axure8.0,安装教程自行百度。页面如上图所示,基本功能模块分为两类:与页面有关和与元件有关,页面顾名思义就是我们看到的index就是一个页面,原件可以简单理解为页面中的图形,按钮等。一,页面相关1.页面用于搭建页面的层级结构关系等,也可以建立子页面。2.检视页面简单讲就是页面设置,只针对当前页面,有三个可选项,属性样式说明。2.1属性...原创 2019-05-27 20:47:26 · 672 阅读 · 0 评论 -
Axure学习日志之安装汉化
登录Axure中文网下载Axure8.0可以选择汉化Axure输入注册码开始使用原创 2019-05-31 17:27:18 · 203 阅读 · 0 评论