OOTD交互图文风格指南.docx
OOTD这个网络用语，流行于ins上，是英文「Outfit of the Day」的缩写，意思是「今日的穿搭」，延伸到公众号里的含义就更多样啦！
可以是服饰、妆容或者季节的不同产品展示，比直接推荐更加场景化哦~
这次整理了施洛华眼镜、龙卡信用卡、外星人Alienergy基地、米其林乘用车轮胎、莫斯利安MOMCHILOVTSI、FARFETCH发发奇、一汽红旗、ABC个人护理的8篇OOTD SVG交互图文，一定要看看，下次也可以用到自己的图文里来。
01
施洛华眼镜
《OOTD多个「O」》
▲GIF演示
「点击展开」施洛华眼镜和OODT多元穿搭的搭配，借此宣传时尚薄荷糖系列眼镜，解锁更多的时尚搭配。
交互对应编辑器组件/组合
组合：点击展开(有触发区)
编号：10051（组合）
02
龙卡信用卡
《多重礼遇 | 带你解锁入秋OOTD》
▲GIF演示
「连续点击展开」不同服饰风格相应的，中国建设银行的龙卡运通卡和福利介绍，吸引大家立即申请办卡。
交互对应编辑器组件/组合
组合：点击切换GIF动图+展开(可嵌套展开,有触发区,固宽)
编号：10935（组合）
组合：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
03
外星人Alienergy基地
《OOTD | 解锁夏季，外星人运动风穿搭LOOK》
▲GIF演示
「点击切换GIF并展开」的交互模拟解锁夏季穿搭，「左滑」切换查看更多外星人运动风穿搭LOOK，吸引大家购买外星人运动周边。
交互对应编辑器组件/组合
组件：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
组件：双层滑动-前景左滑(自动对齐)
编号：10270（组件）
04
米其林乘用车轮胎
《#OOOTD: Velo Family自行车轮胎正式上线!》
▲GIF演示
「点击展开」自行车轮胎的专属OOTD介绍，吸引大家分享骑行打卡地，赢春日“骑”妙好礼。
交互对应编辑器组件/组合
组件：点击消失+展开(设置触发区域)
编号：11186（组合）
05
莫斯利安MOMCHILOVTSI
《冬日灵感OOTD》
▲GIF演示
「连续点击切换」模拟切换多元穿搭风格对应的莫斯利安酸奶，吸引大家评论分享最喜欢莫姐的哪一款穿搭，互动领取酸奶福利。
交互对应编辑器组件/组合
组件：连续点击切换GIF动图+点击展开(有触发区)
编号：10162（组合）
06
FARFETCH发发奇
《摩登新娘OOTD提案_Final.pptx》
▲GIF演示
「左滑」模拟查看摩登新娘的OOTD提案，有种在公众号内查阅PPT的奇妙之感，更能给大家留下深刻印象。
交互对应编辑器组件/组合
组件：夹层滑动-右滑(自动对齐)
编号：10742（组件）
07
一汽红旗
《新年OOTD，你最爱哪一款？》
「点击切换」模拟解锁新年OOTD，借助不同LOOK宣传不同型号的红旗汽车，吸引大家入手喜欢的汽车做C位靓仔。
交互对应编辑器组件/组合
组件：点击-切换图片
编号：10005（组件）
08
ABC个人护理
《那几天的限定供应，多巴胺OOTD（内含福利）》
「点击飘落切换」模拟进入彩虹游乐园，借此宣传不同颜色不同系列的卫生巾，吸引大家前往小程序购买。
交互对应编辑器组件/组合
组件：连续点击-飘落切换多张图片(左)
编号：10841（组件）
如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）中搜索「OOTD」查看更多相关案例。
目前案例库总案例数已达40w+，其中5W+案例支持一键还原，制作同款效果非常方便。
现在扫码体验案例库
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）