今天要介紹的優(yōu)質(zhì)案例是來(lái)自茶飲頭部品牌——奈雪的茶，該篇推文利用三層滑動(dòng)效果與用戶進(jìn)行互動(dòng)，讓用戶通過(guò)往下滑動(dòng)屏幕來(lái)為文章“寫詩(shī)”，在滑動(dòng)的過(guò)程中讓原本空白的部分，像卷軸上的文字、植物都會(huì)逐漸呈現(xiàn)紫色。相較于普通單層滑動(dòng)、雙層滑動(dòng)來(lái)說(shuō)，有趣性和創(chuàng)新性直接大大提高，從而讓用戶對(duì)品牌推文留下深刻印象。

點(diǎn)擊上方圖片跳轉(zhuǎn)閱讀??

gif圖展示

這篇文章利用SVG效果為三層上滑，ID為：31。利用三層上滑SVG與主題：寫詩(shī)相結(jié)合，讓用戶體驗(yàn)用SVG寫詩(shī)的樂(lè)趣。該效果有三個(gè)部分構(gòu)成，分別是：最上層部分做成了鏤空?qǐng)D片，中間部分為紫色圖層，最下面則是背景圖，能實(shí)現(xiàn)部分圖片顏色漸顯的重要原因就在于最頂層的鏤空?qǐng)D片。

選擇將該效果放在推文開頭的位置，能吸引用戶停留更多時(shí)間閱讀全文內(nèi)容。

除了利用三層上滑動(dòng)做成上述效果外，咱們還可以全篇文章只用一個(gè)三層上滑效果來(lái)做創(chuàng)意。接下來(lái)我要介紹的這篇文章就是通過(guò)該效果做成條漫長(zhǎng)圖的新年愿望，在滑動(dòng)的過(guò)程中，我們會(huì)跟隨動(dòng)態(tài)人物一步步的開啟2023年的展望，在滑動(dòng)至推文某部分時(shí)，動(dòng)態(tài)人物還會(huì)穿梭門或者手機(jī)等元素，實(shí)現(xiàn)穿透的視覺(jué)體驗(yàn)。

gif圖展示

《2023新年愿望清單》

點(diǎn)擊上方橙色文字進(jìn)行跳轉(zhuǎn)

從這兩篇優(yōu)質(zhì)案例，有這點(diǎn)值得我們學(xué)習(xí)：

多嘗試與挖掘不同的排版形式。這兩篇文章利用了文章長(zhǎng)圖與SVG特點(diǎn)相結(jié)合來(lái)排版，而不是讓兩者處于分散的狀態(tài)，實(shí)現(xiàn)了1+1>2的效果。兩篇文章都抓住了三層上滑SVG的特點(diǎn)，在做創(chuàng)意推文時(shí)，巧妙設(shè)計(jì)了圖片的形態(tài)，比如在奈雪的茶中，將頂部圖片設(shè)計(jì)為鏤空狀態(tài)，利于中間紫色色塊的呈現(xiàn)。安利好口碑的推文中，將頂層部分設(shè)計(jì)為呈現(xiàn)穿梭視覺(jué)的png格式圖片。

在SVG頁(yè)面的【互動(dòng)效果】的搜索框輸入31或者是“三層上滑”，放入到編輯頁(yè)面。

④ 制作完成后，點(diǎn)擊右上角的【同步】【導(dǎo)出】到微信公眾號(hào)后臺(tái)。

用慣了單層滑動(dòng)，想要讓推文內(nèi)容有所變化，那大家可以在此基礎(chǔ)上研究滑動(dòng)系列的其它效果，進(jìn)行大膽創(chuàng)新，不要拘泥于自己熟悉的效果，要適當(dāng)跳出自己的舒適區(qū)，多嘗試接受新效果。這期介紹的三層滑動(dòng)效果很適合大家進(jìn)行創(chuàng)作，除了做成上述新年愿望主題，像商場(chǎng)做成逛展覽主題，旅游行業(yè)用來(lái)展示景區(qū)都是不錯(cuò)的選擇，不同行業(yè)可以根據(jù)行業(yè)特色來(lái)進(jìn)行思考。面對(duì)現(xiàn)在用戶審美疲勞的情況，適當(dāng)嘗試和改變推文的風(fēng)格，能給用戶帶來(lái)新鮮感，增強(qiáng)與用戶之間的粘性。