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條）