卡饭网 > 其他 > 正文

Axure RP 8怎么设计图片点赞功能的网页原型?

来源:本站整理 作者:梦在深巷 时间:2016-12-29 13:41:55

  Axure RP 8怎么设计图片点赞功能的网页原型?

1、打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示:

Axure RP 8怎么设计图片点赞功能的网页原型?

  2、在“Icons”中找到手形向上和手形向下的图标,并拖动到图片元件下方,如下图所示:

Axure RP 8怎么设计图片点赞功能的网页原型?

  3、选中图片元件,导入外部图片到图片元件里;修改两个手形填充色,分别为绿色和红色,如下图所示:

Axure RP 8怎么设计图片点赞功能的网页原型?

  4、在两个手形图标附近添加两个输入框,调整输入框宽度和位置,如下图所示:

Axure RP 8怎么设计图片点赞功能的网页原型?

  5、选中手形向上的图标,添加鼠标单击时用例;设置一个全局变量addData,并设置文本,如下图所示:

Axure RP 8怎么设计图片点赞功能的网页原型? Axure RP 8怎么设计图片点赞功能的网页原型?

相关推荐