使用Axure做设计

2018-06-09 本文已影响0人步履不停的Suunny

产品岗的姐姐上线！:)

最近做的工作比较多，这两天用Axure做了一个产品Demo，挺有意思，边学边做，收获颇多。

Axure是傻瓜式的工具，拿过来就用。

基本的功能就不说了，原件库里的基本元件，拿过来直接用，说下遇到的问题吧

1、想要弹框效果
解决方法：加动态面板，第一次用，很好用。
将动态面板设置成想要的大小，命名，然后点击进去，在面板中进行元件的设置。

需要先将动态面板设置成隐藏，然后在弹窗事件中，添加显示此动态面板事件，在关闭事件中，隐藏此动态面板。

2、按钮选中状态设置
在按钮属性中，点击选中，进入对话框进行设置。
在事件中，可以进行选中/取消选中的设置操作

3、注意显示/隐藏元件的使用

4、遇到的一个问题

问题：动态面板显示后，部分按钮不可用。
原因：因为一个动态面板显示两个区域的内容，有留空部分，留空部分是透明的，遮住了按钮，且动态面板在上层，问题比较隐蔽，不易发现。
解决办法；　动态面板分块设计。
后面动态面板设计尽量分块，充分利用，不能留空，在显示时遮住主窗口不易发现。调整元件顺序也容易搞乱。

5、获取输入框的值，并设置到另外一个元件中

先将输入框内容获取，设置给变量：
设置全局变量值为：焦点元件文字
设置值于 OnloadVariable = 焦点元件文字

再设置需要显示的元件值为全局变量值
设置文字于公司名称 ="[[OnloadVariable]]"

6、可以发布成HTML文件

7、添加元件后，要给元件命名，概要页面可以选择元件，然后进行事件及属性的设置

8、上下左右键，每次移动元件1个像素
　　Shift + 上下左右键, 每次移动10个像素