無(wú)限二選一SVG互動(dòng)效果 - 公眾號(hào)互動(dòng)排版技巧
探索公眾號(hào)排版的創(chuàng)新玩法！本文詳細(xì)介紹了如何利用無(wú)限二選一SVG交互效果，增強(qiáng)用戶參與度和內(nèi)容記憶度。從網(wǎng)絡(luò)安全宣傳到品牌展示，學(xué)習(xí)如何巧妙融合創(chuàng)意推文，提升營(yíng)銷(xiāo)效果。立即閱讀，掌握135編輯器的高級(jí)SVG編輯技巧，讓你的內(nèi)容脫穎而出！
嗨嘍，寶子們，三兒又來(lái)推薦新的SVG玩法了，這次為大家?guī)?lái)的是很多品牌都很青睞的無(wú)限次二選一點(diǎn)擊展開(kāi)/點(diǎn)擊收回效果，該效果通用性強(qiáng)，適合各個(gè)行業(yè)使用。那么接下來(lái)就跟著三兒一起來(lái)看看，這一效果如何巧妙地融入圖文中，呈現(xiàn)出創(chuàng)意滿滿的推文內(nèi)容吧！
這是一篇網(wǎng)絡(luò)安全宣傳周科普類(lèi)推文，他們突破了以往傳統(tǒng)的文字宣傳的方式，通過(guò)條漫設(shè)計(jì)，設(shè)置了四個(gè)生活中涉及網(wǎng)絡(luò)安全的場(chǎng)景，并利用二選一SVG交互，引導(dǎo)用戶進(jìn)行互動(dòng)選擇，以這種寓教于樂(lè)、新穎的方式，不僅增強(qiáng)了用戶的積極性，還使得網(wǎng)絡(luò)安全知識(shí)在輕松愉快的氛圍中深入人心，有效加深了用戶對(duì)相關(guān)信息的記憶與理解。
135平臺(tái)之前發(fā)過(guò)的七夕主題推文中，也用過(guò)此效果來(lái)展示兩個(gè)類(lèi)似品牌的文案內(nèi)容。
此SVG效果的名稱(chēng)為二選一選擇性點(diǎn)擊展開(kāi)/點(diǎn)擊縮回，ID：434，可以滿足重復(fù)點(diǎn)擊展開(kāi)/縮回組件的需求。大家還可以將該組件運(yùn)用在MBTI話題下，根據(jù)場(chǎng)景，列舉I人和E人的不同，或者是商場(chǎng)、服飾品牌用來(lái)宣傳展示男士服裝以及女士服裝。
點(diǎn)擊135編輯器頁(yè)面左側(cè)選擇SVG編輯器進(jìn)入界面，在【互動(dòng)效果】中搜索ID：434，找到該效果，點(diǎn)擊放入編輯界面。
接著就需要給組件中添加圖片素材，該組件需要放入兩個(gè)版塊的圖片內(nèi)容，即A版塊和B版塊，大家可以添加好一個(gè)版塊后，再添加另一個(gè)版塊的素材。
這里需要注意的是A、B版塊的封面圖部分寬高需要保持一致，展開(kāi)部分的圖片寬度要保持一致。
首先上傳完A版塊的封面圖后，需要為封面圖設(shè)置觸發(fā)區(qū)域，拖拽紅色虛線即可縮放控制區(qū)域的大小和位置。
上傳完封面圖后，接著上傳展開(kāi)圖，并為展開(kāi)圖設(shè)置返回區(qū)域。
設(shè)置完A版塊后，就可以添加B版塊的圖片，由于操作步驟類(lèi)似，這里就不做過(guò)多的演示。
我們還可以為組件設(shè)置展開(kāi)的時(shí)間，數(shù)字越大，展開(kāi)的速度越慢，數(shù)字越小，展開(kāi)的速度越快。
組件全部設(shè)置完畢后，就可以選擇右上角的【導(dǎo)出】【同步】到公眾號(hào)后臺(tái)。
以上就是三兒分享的全部?jī)?nèi)容了
如果覺(jué)得還不錯(cuò)
記得點(diǎn)個(gè)贊+在看哦
還有什么想學(xué)的內(nèi)容
歡迎在評(píng)論區(qū)留言哦
*以上所涉及的素材僅供學(xué)習(xí)交流使用，侵聯(lián)刪
立即登錄
