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