美文网首页
使用Axure做设计

使用Axure做设计

作者: 步履不停的Suunny | 来源:发表于2018-06-09 13:42 被阅读0次

    产品岗的姐姐上线!:)

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

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

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

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

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

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

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

    4、遇到的一个问题

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

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

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

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

    6、可以发布成HTML文件

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

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

    以前收藏的链接,还没有看过:
    http://www.webppd.com/thread-11707-1-1.html

    相关文章

      网友评论

          本文标题:使用Axure做设计

          本文链接:https://www.haomeiwen.com/subject/gvyteftx.html