SVG創(chuàng)意排版,黑科技排版,SVG互動專題

大號都在用,SVG真香?

大家好,我是熊三醬。


最近大號們悄悄開始在公眾號里使用一種排版黑科技,大概是這樣嬸兒的:


SVG編輯器入口:http://www.qwer.com.cn/svgeditor/


人民網(wǎng)-兩會報道卷軸 



不會畫出版社-互動漫畫 



不僅內(nèi)容有料有深度,互動形式上更是抓人眼球,一打聽,原來他們是用了SVG樣式。



今天熊三醬就跟大家簡單聊一聊SVG。



啥是SVG?

百度百科:SVG格式 


其實俺村也不是剛通網(wǎng),SVG這種效果在電腦網(wǎng)頁、H5里早就見慣不怪了。


但為什么對這些作品大家都嘖嘖稱奇并奔走轉(zhuǎn)發(fā)呢?因為這是直接在公眾號圖文里實現(xiàn)的,他們可以,我們普通小編不可以。



這種操作沒有擺在公眾號后臺的明面上,需要操控SVG代碼,來實現(xiàn)可互動,有炫酷動態(tài)效果的排版樣式。


所以,確實有那么點黑科技的味道。



就像通過Html5代碼制作的移動端網(wǎng)頁被簡稱為H5一樣,現(xiàn)在大家把這種通過SVG代碼,直接在公眾號框架里實現(xiàn)的互動形式稱為——SVG。



SVG有啥用?

為了便于大家理解SVG的用途,熊三醬打個不是很精確的比方:




做公眾號就好比開一家餐廳


  • 餐廳提供的餐飲,對應(yīng)公眾號的內(nèi)容;

  • 餐廳的就餐環(huán)境,對應(yīng)公眾號的閱讀體驗;

  • 餐廳的服務(wù),對應(yīng)公眾號的運營。


餐廳提供的餐飲是生存之本,但裝修、家具、餐具等環(huán)境設(shè)施影響就餐體驗,餐飲+環(huán)境設(shè)施綜合影響餐廳的品質(zhì),品質(zhì)上來了才能留得住客。


同樣,公眾號最重要的當(dāng)然是內(nèi)容,但圖文排版影響閱讀體驗,內(nèi)容+排版體現(xiàn)公眾號的品質(zhì),有品質(zhì)才能留得住粉絲。



再進(jìn)一步對比。


一家餐廳的通用設(shè)施,就已經(jīng)能向顧客提供基礎(chǔ)服務(wù)了,但還需要一些特殊設(shè)施來吸引客流。
比如網(wǎng)紅餐廳的拍照布景,比如海底撈的美甲區(qū),比如有的餐吧會有樂隊駐唱……


同樣,公眾號使用基礎(chǔ)排版就能滿足日常內(nèi)容運營需求,但是遇到特殊事件、大型活動,就需要特殊排版來與內(nèi)容進(jìn)行完美搭配。
SVG就是這類特殊排版的一種。



列舉一些適合使用SVG的場景:創(chuàng)意展示,大型發(fā)布會,慶典活動,新品上市,成果展示,營銷活動……


所以,SVG不一定每篇圖文推送都用得到,但至少要知道:在關(guān)鍵時刻這是個很好的選擇。



SVG怎么用?


想要使用SVG做出奪人眼球的作品,建議按照這個步驟進(jìn)行:


  • 需求分析:目的是什么,給誰看,需要達(dá)成那些數(shù)據(jù)指標(biāo),什么時間制作完成什么時間發(fā)布,制作預(yù)算等,行程需求文檔;

  • 創(chuàng)意策劃:根據(jù)需求進(jìn)行創(chuàng)意策劃,并編寫策劃文檔;

  • 物料制作:編寫文案,制作圖片,制作視頻;

  • SVG制作一種方式是使用排版編輯器中的SVG模板。一種方式是交給技術(shù)開發(fā)人員編寫SVG代碼實現(xiàn)創(chuàng)意策劃想要達(dá)到的效果。



135編輯器-SVG服務(wù)

常見的SVG效果,可以在135編輯器的素材庫-SVG互動專題中選擇模板使用,立刻就能上手哦!


SVG互動樣式在哪里?



我們將這些樣式搜羅在一個專題頁面里,這里分門別類展示了135編輯器內(nèi)所有互動樣式。

每個樣式都對應(yīng)了教程,方便大家使用!


看到喜歡的樣式,點擊收藏,回到編輯器左側(cè)點擊【收藏】就能看到自己剛剛收藏的這款樣式了。


SVG樣式怎么用?


每個SVG樣式都對應(yīng)了詳細(xì)的教程,大家根據(jù)教程一步步來操作即可。

需要注意的是SVG樣式必須使用文章同步功能,將文章同步到微信公眾號。只用【微信復(fù)制】會導(dǎo)致部分效果失效。


SVG定制開發(fā)


如果是模板實現(xiàn)不了的復(fù)雜SVG,就需要找開發(fā)人員開發(fā)了。

135編輯器就是專業(yè)做各類排版開發(fā)的呀,當(dāng)然也提供定制開發(fā)服務(wù),幫您實現(xiàn)一鳴驚人的傳世之作。

如有需要可掃碼加微信聯(lián)系  

點擊http://www.qwer.com.cn/users/invite/ddb12a17ce400c35fe041d275a578351,注冊135編輯器,即可獲得7天VIP會員

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
我只想做你的太陽資深編輯
一步一步努力向上!
共911篇文章
最近文章
更多
  • 知乎熱議:微信公眾號如何快速漲粉?
  • 0基礎(chǔ)運營小白學(xué)習(xí)什么新媒體課程比較好?
  • 新媒體,自媒體新人必學(xué)的課程有哪些?
  • 不懂就問:新媒體運營應(yīng)該怎樣學(xué)習(xí)?
比格設(shè)計
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設(shè)計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細(xì)節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費
熱門素材樣式
運營導(dǎo)航
運營工具
分享到