人人都是项目经理-Axure使用篇(2)

个人Logo

页面区:

我们可以通过在页面区创建文件夹和页面的方式，把整个项目的流程页面框架搭建出来。

页面区

元件区

元件区

注:
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发布和设置

axure发布设置浏览器

发布到axshare平台

注册axshare传送门

注: axshare为国外网站，登录可能会比较慢，稍作等待即可。

菜单表格元件的使用

菜单表格元件的使用

流程图的绘制

流程图的绘制

注:流程图需要在元件栏选择flow选择元件，通过点击连接按钮来实现元件之间的关联，也可以通过上方控制线的虚实情况、箭头方向等。

标记元件等使用

标记元件等使用

注:通过在元件栏选择标记元件的使用，我们可以对元件的作用进行备注。

创建自己的元件库方便DIY自己想要的模型

创建自己的元件库方便DIY自己想要的模型

注:点击按钮-->添加自己的元件库(类似于IOS里面的代码块)

母版的使用

母版的使用

母版位置的放置

注:1、作用:母版的作用就是简便做图，当页面当中出现重复视图时候，你不需要重复制作相同视图，这个时候你只需要使用母版来重复利用即可。
2、母版右键可以实现在不同页面添加该母版，可以放置到不同位置。

元件交互的使用

交互的使用

交互的使用

热区

热区显示隐藏

热区显示隐藏

注:1、我们选择按钮可以选的按钮选择状态(单击 双击 长按等等)来实现交互。
2、交互可以通过跳转你要的指定页面也可以跳转到URL地址(例如直接跳百度页面)
3、打开链接不同的位置设置(当前窗口、 新窗口、 弹出窗口、父级窗口)以及内联框架的属性与交互
4、通过热区可以对指定范围区域内的元件进行变化操作。如果不用热区的话只是单纯更改元件本身(单击活着长按)状态的话，是无法确定范围的，只能通过热区来操作。
5、在设置热区时候，需要现在底层放置元件，然后来判断离开热区，和进入到热区范围时候里面元件是如何变化的。
6、一个热区会有多个判断添加进去。eg:当离开热区的时候， 会隐藏并且会显示。这样的条件可以多种添加。

元件交互的判断

元件判断的加入

元件判断的加入

注 : 通过判断的加入，可以实现文字的展示和隐藏(判断可以更改就是程序中的if/else判断)

希望可以帮助到你~我是辛小二喜欢记得点赞。

本人个人微信公众号地址（喜欢记得关注)

辛小二个人微信公众号地址