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