《財富》世界500強,交互圖文有多強?
如果你想找一些交互圖文做得好的品牌,直接去《財富》500強里找是一個比較方便快捷的方法。如果你想更方便快捷,那就來i排版公眾號
前段時間給大家整理過《財富》中國500強品牌與i排版合作的一些交互圖文,這幾天《財富》世界500強品牌也出來了(詳情見文末「閱讀原文」)。
在去掉重復(fù)的中國品牌后,老沙今天又為大家?guī)砹?strong>8個世界500強品牌的交互圖文案例,分別來自大眾汽車、奔馳、戴爾、雀巢、羅氏診斷、LG電子、3M和星巴克。
這些案例要么使用 iPaiban Pro 黑科技編輯器制作,要么由i排版團隊定制,想實現(xiàn)同款效果,在編輯器搜索案例下附有的組件編號或聯(lián)系玉兔微信(ID:playhudong15)溝通即可。
掃碼添加下方微信,回復(fù)「500強素材」可免費獲取所有500強案例的圖片素材。
▲長按掃碼識別
1
大眾汽車
大眾汽車用優(yōu)雅的「撲克牌切換」的效果,從多個角度展示產(chǎn)品,圖片使用的是動圖,給人一種動感與優(yōu)雅兼具的感覺。
該交互對應(yīng)編輯器模板:
組件:自動-撲克牌切換,向左
編號:10576(組件)
2
梅賽德斯-奔馳客戶服務(wù)
同一張圖片,長按不同位置顯現(xiàn)不同內(nèi)容。奔馳用這種效果,展現(xiàn)生活中的多個內(nèi)卷場景,最后引出自己的原廠快速鈑噴服務(wù)。
該交互對應(yīng)編輯器模板:
組件:長按-選擇切換圖片
編號:11159(組件)
3
戴爾
先是產(chǎn)品高清大圖,點擊指定位置后抽出一張卡片,卡片上是產(chǎn)品的詳細(xì)介紹。戴爾將本來可以設(shè)置抽出多個卡片的「抽屜式切換圖片」只使用了一個,效果新穎。
該交互對應(yīng)編輯器模板:
組合:點擊切換圖片+展開(有觸發(fā)區(qū))
編號:10057(組合)
組件:點擊-抽屜切換圖片(無限次往返,有觸發(fā)區(qū),上)
編號:11085(組件)
4
雀巢咖啡中國
▲GIF演示
整體是嵌套式的點擊展開效果,展開中還有使用局部滑動、局部視頻和點擊切換圖片等效果,內(nèi)容雖然,卻沒有閱讀的壓力感。
該效果需定制。
5
羅氏診斷
▲GIF演示點此查看原文
點擊圖片 ,用戶仿佛進(jìn)入三維空間,傾斜的圖片可以向各個方向進(jìn)行拖動。新穎的交互讓用戶面對嚴(yán)肅的文案也可以看得津津有味。
該效果需定制。
6
LG電子中國
點擊展開后,可以自動對齊的視差滑動,與普通的圖片滑動相比,能看出圖片間的層級關(guān)系,具有出色的視覺體驗,多了幾分高級感。
該交互對應(yīng)編輯器模板:
組合:點擊展開
編號:10307(組合)
組件:視差滑動-左滑(自動對齊、四組)
編號:10815(組件)
7
3M官方全屋凈化
每個產(chǎn)品對應(yīng)一個展開效果,配合撕紙的GIF和文藝的文案,吸引大家購買3M產(chǎn)品。
該交互對應(yīng)編輯器模板:
組合:點擊切換GIF動圖+展開(有觸發(fā)區(qū))
編號:10075(組合)
8
星巴克中國
星巴克這篇使用了多個中間不動上下兩層滑動的「三層滑動」效果,讓整篇圖文顯得具有一定的空間感。
該交互對應(yīng)編輯器模板:
組件:三層滑動-左滑
編號:10054(組件)
組件:三層滑動-上滑
編號:10072(組件)
組件:點擊-切換GIF動圖
編號:10086(組件)
詳細(xì)的2022年《財富》世界500強排行榜單大家可以點擊文末「閱讀原文」查看,如果你的公司也在榜單之中,可以添加下方微信,回復(fù)「500強」免費領(lǐng)取品牌時光機SVG案例庫一年的會員。
▲長按掃碼識別
所有用戶添加上方微信,回復(fù)「500強素材」可免費獲取本文及《〈財富〉中國500強的品牌是如何制作交互圖文的?》文中所有案例的圖片素材。
目前案例庫總案例數(shù)已達(dá)70000+,其中9000+案例支持一鍵還原,制作同款效果非常方便。
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器,網(wǎng)址:x.iPaiban.com,復(fù)制網(wǎng)址在 PC 端 Chrome(谷歌)瀏覽器打開,即可開始注冊并使用。
● SVG 黑科技交互排版????????·
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)