当前位置:粤秀教育 > 艺术 > 艺术问答 > 正文

Axure怎样制作一个卡片原型?

发布时间: 来源:华庭书院 246

当我们需要在工作中制作卡片时,我们如何使用Axure制作呢?在这篇文章中,粤秀教育将向大家详细展示如何使用中继器制作卡片的教程,让我们一起来看看。谁说鱼与熊掌不可兼得?选择粤秀教育,Axure理论+实操双向提升~粤秀教育精选多套系统全面Axure自学视频课,综合教学,适合新手0基础入门到进阶,感兴趣有需要都不要错过~

Axure制作一个卡片原型教程:

Axure怎样制作一个卡片原型?

一、卡片制作

拖入中继器,双击中继器,删除中继器默认带出的矩形,拖入需要制作卡片的元件,示例中使用了矩形(卡片背景)、图片(卡片图标)、文本标签(卡片标题、描述文本、操作按钮);并按照自己的想法将元件做好布局;

二、中继器赋值

关闭中继器编辑窗口,选中中继器,在样式模块中,编辑中继器的数据,如上图,注意设置好数据表头的名称,以便在赋值时快速查找;

特别地,图片的数据,需要鼠标右击数据,通过【导图图片】进行设置,如上图所示;

新建交互,添加【每项加载】时设置文本和设置图片(图片需要通过此动作设置)的交互动作,设置完毕,页面将会实时更新中继器的列表内容,如上图所示;

三、布局设置

赋值完成后,中继器默认【垂直】布局方式,在中继器的样式面板,找到【布局】,并将布局方式设置为【水平】,勾选【网格排布】,并设置每行项数量为【4】(可根据实际使用进行调整);

四、间距设置

最后一步,大家完成一、二、三后可能就会发现,卡片之间没有间距,过于密集,因此我们需要在样式面板中找到【间距】,并设置【每行】【每列】的间距为24(可根据实际使用进行调整)

以上所述就是Axure怎样制作一个卡片原型?”的相关内容分享了,希望能够帮助到你!如果你还想要学习更多的Axure技巧,咨询Axure相关文章,或者直接跟着我们粤秀教育的专业讲师开始Axure自学视频课学习体验~专业系统视频教程学习,学习收获总会比你零零散散图文学习来得更快速、更有效率~

相关文章
精彩推荐
学习热线
4008-128-711
申请报名

立即申请报名,提升你的技能

  • 姓名

  • 电话*

  • 报读学校

  • 报读专业

立即报名

Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.yuexiuedu.com/yishu/wp-includes/script-loader.php on line 2841