此款圖文效果利用了圖片彈窗SVG組件來(lái)實(shí)現(xiàn)。三兒將City Walk與秋日賞景主題相結(jié)合，來(lái)介紹旅游景點(diǎn)。在圖片設(shè)計(jì)中，采用黃色、楓葉等具有秋天代表性的元素來(lái)烘托氛圍。在SVG創(chuàng)意上，將文章重點(diǎn)內(nèi)容藏匿在首圖下面，再利用線路圖和閃爍的箭頭圖標(biāo)做引導(dǎo)，吸引用戶通過(guò)點(diǎn)擊來(lái)進(jìn)一步了解景點(diǎn)的詳情介紹，增強(qiáng)與用戶的互動(dòng)感。這種創(chuàng)意思路除了單純介紹旅游景點(diǎn)外，品牌方們也可以利用此效果來(lái)介紹自己的秋季新品。

SVG組件：圖片彈窗——自定義多個(gè)觸發(fā)區(qū)

教程在這里：點(diǎn)擊查看

在這款圖文效果中，頂層是固定的，底圖可以變換，與之前介紹的雙層滑動(dòng)效果其實(shí)是有異曲同工之妙，所以三兒在設(shè)計(jì)時(shí)就想到了利用虛實(shí)結(jié)合的展示方式，在底圖部分利用ins風(fēng)的風(fēng)景圖片，而在頂層圖片滑動(dòng)部分放置了動(dòng)漫人物進(jìn)行配合，使畫面內(nèi)容更加豐富，能讓用戶在瀏覽時(shí)有一種逛展覽的感覺(jué)。

大家在做City Walk相關(guān)的內(nèi)容時(shí)，可以將底部滑動(dòng)的圖片設(shè)計(jì)成膠片風(fēng)格、ins風(fēng)格等，并配上城市景點(diǎn)的攝影圖，再與漫畫人物相結(jié)合，就能呈現(xiàn)出不錯(cuò)的效果。

SVG組件：點(diǎn)擊頂層固定底圖橫向位移-自定義觸發(fā)

教程在這里：點(diǎn)擊查看

此款圖文效果可以呈現(xiàn)圖片快閃的特效，點(diǎn)擊首圖之后，圖片之間以抽撲克牌的方式移出，是一種很新穎的自動(dòng)播放效果。

大家也可以像三兒一樣，利用此效果，將City Walk相關(guān)的旅游打卡地放置在其中，來(lái)交代推文主要介紹景點(diǎn)，并將此效果放在推文開(kāi)頭位置，讓用戶跟隨圖片快速閃動(dòng)的同時(shí)，了解本篇推文的重點(diǎn)，同時(shí)也能吸引用戶繼續(xù)往下閱讀。

SVG組件：點(diǎn)擊撲克換圖

教程在這里：點(diǎn)擊查看