养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-19 15:42:07

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设计出不同背景颜色五角星

© 一点知识