SVG版City Walk公眾號推文設計 | 創(chuàng)意互動效果提升閱讀體驗
探索城市漫步的全新視角，本文為您帶來SVG技術在City Walk主題推文中的創(chuàng)新應用。三兒精心設計的三款SVG效果，包括圖片彈窗、雙層滑動和點擊撲克換圖，不僅豐富了內容的表現(xiàn)形式，還增強了用戶互動。每個效果都有詳細的使用教程，幫助您輕松掌握并應用于自己的推文創(chuàng)作。
近段時間，與City Walk相關的話題占據各大平臺榜首，“City Walk”即城市漫步，主打一個慢節(jié)奏、漫無目的游玩，是一種簡單的放松方式，深受年輕人的喜愛。“City Walk”目前無疑成為了新的流量密碼，各大品牌都開始借勢此話題來增加曝光，所以三兒自然也得讓各位小伙伴們蹭好熱點，提高閱讀量了。這不，三兒利用SVG組件設計了3款效果，一起來看看吧！
（點擊圖中閃爍的箭頭↑）
此款圖文效果利用了圖片彈窗SVG組件來實現(xiàn)。三兒將City Walk與秋日賞景主題相結合，來介紹旅游景點。在圖片設計中，采用黃色、楓葉等具有秋天代表性的元素來烘托氛圍。在SVG創(chuàng)意上，將文章重點內容藏匿在首圖下面，再利用線路圖和閃爍的箭頭圖標做引導，吸引用戶通過點擊來進一步了解景點的詳情介紹，增強與用戶的互動感。這種創(chuàng)意思路除了單純介紹旅游景點外，品牌方們也可以利用此效果來介紹自己的秋季新品。
SVG組件：圖片彈窗——自定義多個觸發(fā)區(qū)
教程在這里：點擊查看
在這款圖文效果中，頂層是固定的，底圖可以變換，與之前介紹的雙層滑動效果其實是有異曲同工之妙，所以三兒在設計時就想到了利用虛實結合的展示方式，在底圖部分利用ins風的風景圖片，而在頂層圖片滑動部分放置了動漫人物進行配合，使畫面內容更加豐富，能讓用戶在瀏覽時有一種逛展覽的感覺。
大家在做City Walk相關的內容時，可以將底部滑動的圖片設計成膠片風格、ins風格等，并配上城市景點的攝影圖，再與漫畫人物相結合，就能呈現(xiàn)出不錯的效果。
SVG組件：點擊頂層固定底圖橫向位移-自定義觸發(fā)
教程在這里：點擊查看
此款圖文效果可以呈現(xiàn)圖片快閃的特效，點擊首圖之后，圖片之間以抽撲克牌的方式移出，是一種很新穎的自動播放效果。
大家也可以像三兒一樣，利用此效果，將City Walk相關的旅游打卡地放置在其中，來交代推文主要介紹景點，并將此效果放在推文開頭位置，讓用戶跟隨圖片快速閃動的同時，了解本篇推文的重點，同時也能吸引用戶繼續(xù)往下閱讀。
SVG組件：點擊撲克換圖
教程在這里：點擊查看
以上就是三兒為大家
帶來的全部內容了
希望今天的內容
可以給你帶來更多靈感
如果覺得還不錯
記得點贊+在看哦~
135編輯器，是一款一站式新媒體運營工具，幫助解決排版美化、作圖、運營等一系列問題。平臺已有超1200萬用戶使用，擁有超過15萬+樣式素材、3000+款模板素材、400+款svg互動效果素材，更有秒刷、一鍵排版、多公眾號管理、云端草稿等46項在線功能。
為了更好地服務企業(yè)用戶，135編輯器目前面向企業(yè)會員同時開放135編輯器會員、企業(yè)會員、svg編輯器會員三大權益。更專業(yè)的功能和服務，讓企業(yè)會員享受最佳的會員體驗。
立即登錄
