公眾號(hào)推文排版文案枯燥(用點(diǎn)svg增加“億”點(diǎn)趣味)

每次在svg效果中心里,看各種樣式組件總有一種感覺,看起來也不復(fù)雜可一到自己用的時(shí)候,總感覺差點(diǎn)味道,好像眼睛會(huì)了,手并沒有會(huì)。

不知道你是不是也有這種困惑?其實(shí)三兒剛開始接觸svg時(shí),也是如此,使用同樣的svg組件,但制作出來的效果卻截然不同。


三兒曾向同事尋求幫助,他們說:那是因?yàn)槟憧吹眠€不夠多,做得還不夠多,看得多了,做得多了一切都會(huì)水到渠成。


三兒為你準(zhǔn)備了一些svg案例,希望看后你能有新收獲,新體會(huì)。


01
多次點(diǎn)擊換圖展開



??查看原文


#一把精美的銅鎖,吸引用戶想要探究“鎖”背后的密碼,高亮閃爍的“密碼”,降低交互門檻,完成密碼輸入,“銅鎖”解開,展開的是另一段佳話,完美契合七夕主題,優(yōu)雅且優(yōu)美,讓人難忘。



SVG組件名稱:多次點(diǎn)擊換圖展開自定義觸發(fā)

組件ID:112




02
無限次數(shù)點(diǎn)擊展開點(diǎn)擊回縮



??查看原文


#展開前是問題,展開后是回答,問題一目了然,回答清晰可見,點(diǎn)擊回收,不會(huì)顯得內(nèi)容冗長(zhǎng),給予用戶良好的閱讀體驗(yàn)。



SVG組件名稱:無限次數(shù)點(diǎn)擊展開點(diǎn)擊回縮

組件ID:85



03
點(diǎn)擊切換GIF圖展開(自定義觸發(fā))



??查看原文


#gif圖總是能在第一眼就吸引讀者,增加文章動(dòng)感,試問:一個(gè)包裝精美的禮物盒,有誰不想要拆開看看里面“藏”著什么樣的寶貝嗎?合理利用人的好奇心,能夠驅(qū)動(dòng)用戶繼續(xù)閱讀。



SVG組件名稱:點(diǎn)擊切換GIF圖展開(自定義觸發(fā))

組件ID:128



04
點(diǎn)擊直接展開(自定義觸發(fā))



??查看原文


#點(diǎn)擊展開是很基礎(chǔ)的svg組件,但如何通過“文案”引導(dǎo),內(nèi)容搭配是一個(gè)相當(dāng)考驗(yàn)創(chuàng)作者的水平,看似簡(jiǎn)單的效果,運(yùn)用得當(dāng)也能取得不錯(cuò)的效果,下面我們還將再看一個(gè)【點(diǎn)擊展開】案例。



SVG組件名稱:點(diǎn)擊直接展開

(自定義觸發(fā))

組件ID:57



05
點(diǎn)擊直接展開(自定義觸發(fā))


??查看原文


#同樣是【點(diǎn)擊展開】,但兩個(gè)案例呈現(xiàn)的風(fēng)格是迥然不同的,組件效果雖是相同的,但文案、美工處理都完美地展現(xiàn)了自己想要表達(dá)的內(nèi)容,這就是成功的。



SVG組件名稱:點(diǎn)擊直接展開

(自定義觸發(fā))

組件ID:57




#以上所有效果,均可在135svg編輯器內(nèi)直接搜索組件名稱或組件ID使用。




作業(yè)解答




PC端能查看svg效果嗎?



#很多效果無法在pc端直接瀏覽,想要預(yù)覽svg整體效果,最好是【保存同步】至微信后臺(tái),發(fā)送預(yù)覽鏈接到手機(jī)上預(yù)覽。




·EN

文章排版由135編輯器提供技術(shù)支持

 ■ ■ 

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
小三兒135主筆
一個(gè)酷愛鉆研排版的小編!
共606篇文章
最近文章
更多
  • 2023霜降節(jié)氣海報(bào)合集,給你專屬秋天的靈感!
  • 寒露節(jié)氣免費(fèi)手機(jī)海報(bào)模板分享
  • 2023中秋節(jié)精美海報(bào)大放送,尊的都很好看!
  • 不看會(huì)后悔系列!2023國(guó)慶節(jié)精美海報(bào)模板分享!
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷、私域流量運(yùn)營(yíng)——站式營(yíng)銷管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個(gè)女孩子在抖音靠洗車也能月入過萬!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到