在微信編輯器當中,你可能會經常聽到“SVG”這個詞。簡要來講,它屬于一種能夠促使公眾號文章“呈現動態狀態”或者達成異樣交互效應的技術手段。平常的排版恰似張貼海報那般,然而SVG卻仿若于頁面之內嵌入了一個個靈動的小程序,其景象是點擊動作能夠使內容予以展開,滑動操作能夠觸發動畫效果,進而讓靜態的圖文情形轉而變得更具趣味 。
于小墨鷹編輯器當中,SVG功能被打造得針對新手極為友友好善。你無需懂得代碼,亦能夠輕松作出高級效果 ,是極為便利的一種工具 !
1. 它把復雜效果“模板化”了
最省心的是這一點,小墨鷹的SVG動效素材庫之中,常見的互動效果被做成了現成的模板,比如:
點擊展開:用來隱藏詳細說明,保持頁面簡潔
滑動看圖:橫向滑動查看多張圖片
漸變顯現:文字或圖片隨著滾動逐漸浮現
這些效果均已完成封裝,你僅僅只需去選中模板,進而替換為自身的文字或者圖片便可。
2. 操作就像普通排版一樣簡單
使用過程非常直觀:
① 點擊小墨鷹編輯器左側的“SVG動效”,此處已分類,能夠依照需求進行選擇;
![]()
② 之后挑選一個中意的動效素材,點一下就能放進編輯區域進行編輯;
![]()
③ 然后點擊素材,再去點擊素材右上角之處的“SVG動效修改”,如此一來就能夠對里面的文字和圖片進行修改,還能調整動效配置。
![]()
![]()
整個過程和插入一張普通圖片差不多,但實現的效果卻高級很多。
3. 有實用的設計細節提醒
但要注意一下事項:
SVG的效果,要去進行保存并同步到公眾號的后臺,要是復制了的話,就有可能會致使素材丟失;
盡量控制使用數量,一篇文章1-2個核心互動點就夠了;
重要的信息不要完全藏在互動效果里,避免讀者錯過。
對新手來說,這可能是性價比最高的“加分項”。
當你對于基礎排版已然熟練之后,于文章的關鍵位置,像是文首引導或者文末福利這等地方,增添一個簡易的SVG互動,能夠讓讀者眼前一亮。它傳達出一種“這份內容是被精心設計完畢的”信號,自然而然地提升文章的完讀率以及傳播意愿。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.