编辑导语：在做原型设计时，我们经常会使用到卡片。当卡片内容比较多时，为了页面美观与重点突出，会采用伸缩卡片。那么，如何利用中继器做伸缩卡片呢？本文对该步骤进行了梳理，分享给你，希望对你有所帮助。

在原型设计时，我们经常会用到卡片，例如人物信息卡片、商品信息卡片、视频信息卡片；对比传统的表格，使用卡片会更加的灵活，而且样式更加美观。当卡片内容较多时，我们往往会用伸缩卡片，突出重点内容，吸引关注，如果用户感兴趣时就可以展开查看详细内容。

所以今天作者就教大家如何制作高保真的伸缩卡片原型。该原型主要使用中继器制作，从而挺高卡片的复用性，制作完成后，只需填写中继器表格内容，自动实现交互效果，完成后如下如所示效果：

原型地址：https://e7z1fd.axshare.com/#g=1

一、材料准备