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