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