在商业案例中我们常用到的交互创意模式，有前面文章所介绍的高度展开效果。而今天给大家分享另一种经常用的图文拉伸创意形式——收缩展开。该技术效果首发于「小编备用」为荣耀手机开发的《光影之美一瞬倾心》系列交互图文，在前几期的文章中也对此案例进行了深度分析，在此之前重新回顾一下图文效果。
今天主要给大家分享的收缩展开效果案例，来自「小编备用」交付于民生信用卡的《我不装了》图文推送。
案例中展示的是来自「民生信用卡」的一篇连续收缩展开效果，通过执行多次高度收缩➡️展开➡️收缩➡️展开动画，配合少量文字信息切换，形成近似文字快闪的特效，带给用户一定的「节奏感」和视觉冲击。其基本结构是：点击后控制播放SVG矢量动画或GIF动画，随后使图文高度向上收缩为0，然后向下展开出现新的画面。
当然交互创意需要配合文字内容去进一步适配，所以在内容设计上存在一定的难点。在没有配乐的情况下，尽量使收缩展开速度与用户阅读节奏吻合，这就需要确保首屏篇幅短、文案简洁有力（最好押韵）、才能让文字信息以快闪的方式准确快速传达给用户。
1、别克
2、红南京
