在圖文里也能刷視頻、刷電梯?。?/h1>
前幾天發(fā)了一篇《在圖文里也能拍照!?》的文章,有小伙伴跟小編感嘆:
「很早就知道這個組件,沒想到還能這樣玩?!?/p>
其實,模擬拍照的那個組件效果非常簡單。好的交互圖文都是這樣,不是效果多么酷炫,而是交互、設(shè)計和內(nèi)容的創(chuàng)意結(jié)合得好,即便是很簡單的交互,有時候也能創(chuàng)造出有趣的效果。
在圖文里會「拍照」了,今天咱們再試試「刷視頻」,向上輕滑圖片:
添加圖片注釋,不超過 140 字(可選)
有人可能想到了之前提過的上滑開車效果:
添加圖片注釋,不超過 140 字(可選)
組件:三層滑動-上滑(多張) 編號:10803(組件) 教程:《七夕「開車」,東風標致的這篇浪漫之旅圖文是怎么做的?》
但刷視頻效果和開車有很大不同,前者有一個停頓的過程,它是由一個會自動對齊的上滑圖片組件,然后覆蓋一層遮罩制作成的。
會自動對齊的上滑圖片組件并不是一個熱門組件,但卻可以被有的品牌用得非常有意思,比如恒生銀行的電梯創(chuàng)意:
添加圖片注釋,不超過 140 字(可選)
對于這個會自動對齊的上滑圖片組件,你還能想到什么創(chuàng)意玩法?
留言區(qū)聊一聊,老沙將會給所有說出新創(chuàng)意的小伙伴各送SVG案例庫會員一個月,70000+案例隨便搜。
不明白「刷視頻」效果是如何實現(xiàn)的,戳:
i排版黑科技
詳細教程:
工具:iPaiban Pro黑科技編輯器,網(wǎng)址:x.iPaiban.com
組件:單層滑動-上滑(自動對齊、支持多張)
編號:10269(組件)
第1步:選擇組件
登錄 iPaiban Pro 編輯器后,在「組件」-「滑動」分類中找到「單層滑動-上滑(自動對齊、支持多張)」組件,或者直接搜索組件編號10269,點擊選擇。
添加圖片注釋,不超過 140 字(可選)
第2步:上傳圖片素材
準備好要滑動的圖片,然后點擊右側(cè)「+」號即可上傳。所有滑動圖片的尺寸需保持一致。
添加圖片注釋,不超過 140 字(可選)
第3步:設(shè)置遮罩圖片
在「特殊」分類中找到「遮罩」組件,點擊選擇,然后上傳圖片。注意該圖片應(yīng)與滑動圖片的尺寸保持一致。
添加圖片注釋,不超過 140 字(可選)
第4步:導(dǎo)入公眾號后臺
點擊頁面最右側(cè)「預(yù)覽草稿」可預(yù)覽效果,效果滿意后繼續(xù)點擊「導(dǎo)入微信后臺」就能開始導(dǎo)到公眾號了。
添加圖片注釋,不超過 140 字(可選)
導(dǎo)入時使用 iPaiban Pro 小助手更方便哦,最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材,非常方便,安裝教程戳:《iPaiban Pro小助手v2.0來啦!》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器,網(wǎng)址:x.iPaiban.com,復(fù)制網(wǎng)址在 PC 端 Chrome(谷歌)瀏覽器打開,即可開始注冊并使用。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)