页面区:
我们可以通过在页面区创建文件夹和页面的方式,把整个项目的流程页面框架搭建出来。
页面区
元件区元件区
注:
1、我们腿拽元件后可以通过command+D的方式复制元件
2、最后调整位置的时候,我们可以通过command选中元件的方式确定位置,先选择的为参照物(先选择的不动,后选择的跟着先选择的动而动)
3、点击上方发布->预览可以看到制作视图的效果(快捷键command+shift+p)
更改属性 更改属性 元件提示功能 对页面整体属性进行更改更改属性区
注:
1、我们可以选中任意元件,将元件的属性进行更改,可以将默认状态下元件的样式和选中,悬停,按下,禁用等样式进行更改,达到预期效果(前提在预览模式下可以看到效果)
2、元件本身更改属性的范围之能够在元件本身大小范围内设置,不能够超出元件本身的大小。
3、上面图片展示的元件提示功能,可以在预览模式下看到该元件的提示文字,用来表示这个元件的用途。
4、点击背景更改页面整体属性,可以替换当前整体背景的图片和实现更多页面效果。
钢笔工具的使用钢笔工具
注:1、钢笔工具实现绘制,可以是封闭图形也可以不封闭(不封闭按Esc即可停止)绘制弧度图形,点击左键可以调整弧度的大小和范围。
布尔运算 制作图形布尔运算
注:1、布尔运算实现两个视图相互重叠,结合,合并,去除等等关系(前提必须作用在两个元件上,否则不会出现此功能)
2、毕竟axure只是设计工具,所以制作图形的任务还不能完全依赖于它,更多图形设计还需要PS。
表单元件使用表单元件使用
注:
1、由于axure兼容浏览器的问题,有很多表单类型不支持浏览器(这里拿safari和google做对比)当然不用多提了。肯定是google兼容性更好了(在safari上表单日期的样式不展示)
2、设置单选按钮需要全选单选按钮,并且在设置单选按钮组名称中设置任意名称即可实现单选按钮效果。
axure发布设置浏览器 发布到axshare平台axure发布和设置
注: axshare为国外网站,登录可能会比较慢,稍作等待即可。
菜单表格元件的使用菜单表格元件的使用
流程图的绘制流程图的绘制
注:流程图需要在元件栏选择flow选择元件,通过点击连接按钮来实现元件之间的关联,也可以通过上方控制线的虚实情况、箭头方向等。
标记元件等使用标记元件等使用
注:通过在元件栏选择标记元件的使用,我们可以对元件的作用进行备注。
创建自己的元件库方便DIY自己想要的模型创建自己的元件库方便DIY自己想要的模型
注:点击按钮-->添加自己的元件库(类似于IOS里面的代码块)
母版的使用 母版位置的放置母版的使用
注:1、作用:母版的作用就是简便做图,当页面当中出现重复视图时候,你不需要重复制作相同视图,这个时候你只需要使用母版来重复利用即可。
2、母版右键可以实现在不同页面添加该母版,可以放置到不同位置。
交互的使用 交互的使用 热区 热区显示隐藏 热区显示隐藏元件交互的使用
注:1、我们选择按钮可以选的按钮选择状态(单击 双击 长按等等)来实现交互。
2、交互可以通过跳转你要的指定页面也可以跳转到URL地址(例如直接跳百度页面)
3、打开链接不同的位置设置(当前窗口、 新窗口、 弹出窗口、父级窗口)以及内联框架的属性与交互
4、通过热区可以对指定范围区域内的元件进行变化操作。如果不用热区的话只是单纯更改元件本身(单击活着长按)状态的话,是无法确定范围的,只能通过热区来操作。
5、在设置热区时候,需要现在底层放置元件,然后来判断离开热区,和进入到热区范围时候里面元件是如何变化的。
6、一个热区会有多个判断添加进去。eg:当离开热区的时候,会隐藏并且会显示。这样的条件可以多种添加。
元件判断的加入 元件判断的加入元件交互的判断
注 : 通过判断的加入,可以实现文字的展示和隐藏(判断可以更改就是程序中的if/else判断)
希望可以帮助到你~我是辛小二喜欢记得点赞。
本人个人微信公众号地址(喜欢记得关注😯)
辛小二个人微信公众号地址
网友评论