SVG创意推文｜如何让你的交互图文更具创意性？

本篇依然为大家带来一则较为有意思的SVG创意推送，提供的案例同样是「小编备用」技术设计后交付品牌方的创意交互图文——奥迪《假期进度条撑不住了》，下面我们将从SVG交互设计逻辑展开分析。

该篇图文基于实现元素transform变换动画效果，并嵌套进行优先级的信息排序，实现在交互层面上，用户通过长按按钮实现视觉动态，再点击切换呈现图文信息效果，达到了用户执行交互的同时揭示产品核心卖点信息的作用。回归本篇奥迪的推文内容上，我们采用了相对简单的交互设计，却在互动层面上贴切展现产品的特性，直观呈现动态充电过程丰富用户对于电力汽车的认知。这本身也符合可见性设计原则，人们通过可操作的关键行为、行为执行后所产生的后果清晰的呈现，丰富人们的认知助推对事物的接纳。

总结整篇文章，相对于普通图文基于SVG交互设计图文篇幅都相对较小，不必为了传达事物信息的完整性而使用过长的赘述，则是利用了交互设计嵌入，在图文产生的互动里实现用户主动获取信息的行为，并且保证了图文的创意性和可读性。