《濃人or淡人SVG交互圖文案例合集》
濃人,如夏日的陽光,熱烈而奔放。他們的情緒如同彩虹般絢爛,喜怒哀樂都寫在臉上,每一刻都充滿了活力與激情。
淡人,則如清風拂面,如細雨潤物,他們總是以平和的心態面對生活中的點點滴滴。
今天為大家精心挑選了8篇濃人or淡人SVG圖文案例,分別來自睿藍汽車、康師傅紅燒牛肉面 、Origins悅木之源、雪中飛、東呈酒店、上汽MG名爵汽車、Melissa梅麗莎官方、李佳琦Austin。這些案例不僅具有極高的創意性和趣味性,更是將淡人與濃人的特點巧妙融合,讓人眼前一亮。
01
睿藍汽車
《僅“濃人”可見》
▲GIF演示
「點擊切換后展開」模擬照相機按快門的方式開啟“濃人”模式,帶大家一一打卡濃人的春天,從而宣傳睿藍汽車,吸引大家前往訂購。
交互對應編輯器組件/組合
組合:點擊消失+展開(可嵌套展開,有觸發區,固寬)
編號:11848(組合)
02
康師傅紅燒牛肉面
《濃人vs淡人?帶上美味做個快樂的人》
▲GIF演示
「點擊展開」人格圖鑒的探索之旅,依次點擊查看各種狀態下的人物,從而宣傳康師傅紅燒牛肉面,吸引大家前往購買。
交互對應編輯器組件/組合
組合:點擊展開(有觸發區)
編號:10051(組合)
組件:點擊-切換圖片(有觸發區)
編號:10043(組件)
03
Origins悅木之源
《如果薄臉皮,想做淡人....》
▲GIF演示
「點擊彈出」模擬打開春敏文件夾查看各種皮膚糟糕問題,多個平級「點擊展開」植愈成分方案的介紹,以此宣傳悅木之源護膚套裝。
交互對應編輯器組件/組合
組合:點擊切換圖片+展開(有觸發區)
編號:10057(組合)
組件:雙層滑動-前景左滑(自動對齊)
編號:10270(組件)
組件:點擊彈出-彈出圖片(設置多個觸發區)
編號:10100(組件)
04
雪中飛
《僅淡人可見.jpg》
▲GIF演示
「點擊展開」專屬于淡人的OOTD,「視差左滑」查看雪中飛系列服裝,吸引大家前往旗艦店購買。
交互對應編輯器組件/組合
組合:點擊展開(有觸發區)
編號:10051(組合)
組件:視差滑動-左滑(七組)-Apple同款
編號:11259(組件)
05
東呈酒店
《免費測:你旅游屬于濃人還是淡人?》
▲GIF演示
東呈酒店通過「點擊消失后展開」的方式模擬答題,引導大家測試自己的濃淡含量究竟是多少,從而吸引大家傳播和分享測試結果。
交互對應編輯器組件/組合
組合:點擊消失+展開(設置觸發區域)
編號:11186(組合)
組件:視頻號-圖片
編號:10228(組件)
06
上汽MG名爵汽車
《正式確診為:100%濃車》
▲GIF演示
「點擊切換選擇」查看Cyberster不同濃度相應的介紹,吸引大家了解上汽MG名爵汽車細節并購買。
交互對應編輯器組件/組合
組件:點擊-無限選擇切換圖片
編號:11765(組件)
07
Melissa梅麗莎官方
《濃淡測試題|你是哪種時髦精?》
▲GIF演示
「左滑」查看為淡人推薦的產品,「右滑」查看為濃人推薦的產品,借此介紹MeIissa果凍羅馬鞋各個細節,從而吸引大家前往小程序購買。
交互對應編輯器組件/組合
組合:左滑組合(自動對齊)
編號:10249(組合)
組件:單層滑動-右滑(自動對齊、超鏈接、默認角標)
編號:10954(組件)
08
李佳琦Austin
《購物還分「淡人」or「濃人」?!快來查收你的購物行為確診圖鑒!超有梗~還有回血福利送!》
「左滑」查看購物時的濃人行為,「右滑」查看淡人行為,通過漫畫引起大家的共鳴,從而宣傳李佳琦直播間3.8大促銷回血福利,吸引大家前往。
交互對應編輯器組件/組合
組件:單層滑動-左滑
編號:10020(組件)
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)