如何利用Axure RP 8设计出不同背景颜色五角星

 时间:2024-10-19 13:33:13

AxureRP8原型工具中基本元竭惮蚕斗件有一类元件:占位符,可以利用它切换成不同的图形。占位位默认是矩形,但是可溅局柑氍以切换成不同的图形,比如三角形、圆形、五角星、六边形等。下面利用一个实例说明占位符设计出五角星,操作如下:

如何利用Axure RP 8设计出不同背景颜色五角星

工具/原料

AxureRP8

截图工具

浏览器

图片工具

方法/步骤

1、第一步,打开AxureRP8原型设计软件,在基本元件中找到占位符,拖一个到画布中,移动溴腻男替位置到画布中心位置,如下图所示:

如何利用Axure RP 8设计出不同背景颜色五角星

2、第二步,选中占位符,选择形状为五角星,这时画布中的矩形占位符变为五角星形状了,如下图所示:

如何利用Axure RP 8设计出不同背景颜色五角星

3、第三步,选中“五角星”占位符,设置样式:边框为红色,让其显示更为明显,如下图所示:

如何利用Axure RP 8设计出不同背景颜色五角星

4、第四步,再次选择“五角星”占位符,设置样式:填充色为黄色,类似点赞图形,如下图所示:

如何利用Axure RP 8设计出不同背景颜色五角星

5、第五步,选中”五角星“,添加鼠标单击事件用例,设置动画效果,如下图所示:

如何利用Axure RP 8设计出不同背景颜色五角星

6、第六步,添加用例完毕后,会看到五角星右上方出现数字1,代表添加成功了,如下图所示:

如何利用Axure RP 8设计出不同背景颜色五角星

Animate如何绘制一朵花 用美图秀秀如何给图片添加萤火虫素材 AxureRP如何设置形状水平翻转 关于制作阿里巴巴店铺招牌和店招尺寸大小问题 Axure RP8怎样在指定页面下方添加新的页面?
热门搜索
自制灯笼的做法及图片 吹蜡烛图片 北京小吃图片 法制宣传图片 肖申克的救赎 电影