公眾號(hào)單層橫向滑動(dòng)怎么弄?(蘋果案例分析)
這個(gè)SVG是將點(diǎn)擊切換效果與滑動(dòng)效果相結(jié)合,在滑動(dòng)部分可以批量添加多張圖片,所以在設(shè)計(jì)滑動(dòng)圖片時(shí)可以做成像蘋果推文中介紹產(chǎn)品功能一樣的完整長圖,圖文并茂展示重要內(nèi)容,帶著用戶沉浸式滑動(dòng)屏幕來閱讀,從而吸引用戶花更長時(shí)間停留,提高文章的留存率。
gif圖展示
點(diǎn)擊藍(lán)色文字跳轉(zhuǎn)閱讀
這篇文章是在開學(xué)季期間針對大學(xué)生群體,介紹平板電腦產(chǎn)品功能的宣傳內(nèi)容,文中將多點(diǎn)功能做成圖片形式,再利用SVG組件濃縮在一屏展示,整體簡潔利落。體現(xiàn)了Apple一貫簡約的風(fēng)格特色。
這個(gè)SVG是將點(diǎn)擊切換效果與滑動(dòng)效果相結(jié)合,在滑動(dòng)部分可以批量添加多張圖片,所以在設(shè)計(jì)滑動(dòng)圖片時(shí)可以做成像蘋果推文中介紹產(chǎn)品功能一樣的完整長圖,圖文并茂展示重要內(nèi)容,帶著用戶沉浸式滑動(dòng)屏幕來閱讀,從而吸引用戶花更長時(shí)間停留,提高文章的留存率。
此效果不僅可以用在產(chǎn)品功能介紹的推文中,像品牌新品宣傳,比如:彩妝行業(yè)、服裝行業(yè)、電商行業(yè)等,旅游、酒店行業(yè)做成景點(diǎn)線路宣傳都很合適。該SVG中還支持加入跳轉(zhuǎn)鏈接,對于需要鏈接自己商城小程序的品牌來說很實(shí)用。
在135編輯器首頁,選擇左側(cè)菜單欄【SVG編輯器】進(jìn)入。
進(jìn)入網(wǎng)頁后,選擇【互動(dòng)效果】—素材—Apple專區(qū),找到ID為283,點(diǎn)擊換圖-單層底圖橫向滑動(dòng)SVG,詳細(xì)制作教程如下:
教程在這里:點(diǎn)擊查看
立即登錄