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