Question

Axure怎样使用动态面板制作已收藏图标原型？

Answer 1

收藏按钮，在很多的产品中都有出现！收藏是为了帮助用户更好的将商品保存起来！而今天，我们将教大家怎么使用Axure制作已收藏图标原型！如果你打算自学Axure原型设计的话，推荐的Axure自学视频课，专业讲师传授知识点，可以0基础学会软件功能操作以及动手实操~

Axure使用动态面板制作已收藏图标原型方法：

所需元件

一个矩形转换为动态面板并命名为“是否收藏”；

两个面板并分别命名为“收藏”、“已收藏”；

两个面板下放相同大小的矩形分别命名为“收藏”、“已收藏”；

一个空心的五角星Icon；

一个实心的五角星Icon。

操作步骤

（1）画布拉入一个合适大小的矩形，并转换为动态面板

（2）动态面板增加一个状态，并命好名

（3）在“收藏”面板下的矩形内填入文字“收藏”，并将空心五角星Icon放到合适的位置

（4）在“已收藏”面板下的矩形内填入文字“已收藏”，并将实心五角星Icon放到对应的位置

（5）设置动态面板的交互——鼠标单击时

（6）完成，按F5预览原型看看

小记

1.这里可能会有人发现我的元件列表里并没有“空心”五角星Icon以及“实心”五角星Icon，这是因为我用FontAwesome字体代替了它们，至于FontAwesome字体究竟是什么，刚入门Axure的小白可以去网上搜索一下。它的部分作用是能大大的节省文件所占内存大小以及加快原型预览加载速度。我这个原型案例较小可能看不出效果，但是等制作一个大型的原型时，那效果将非常地显著。

最终效果：

收藏->

已收藏->

以上就是关于“Axure怎样使用动态面板制作已收藏图标原型？”的内容分享了，希望能够帮到你！更多Axure精彩分享，尽在Axure相关文章！Axure因其能够快速、高效的创建原型，备受众多产品设计人员所使用！对于想要快速学会Axure原型设计的小伙伴，就可以选择精选的Axure自学视频课！不要犹豫，选择合适的课程开始学习体验吧~