久久一级a爱视频免费,一级a做片免费观看久久,亚洲人成网站在线播放2020,亚洲精品国产综合一线久久

  • <menu id="ca2uw"><acronym id="ca2uw"></acronym></menu><tbody id="ca2uw"></tbody>
  • <rt id="ca2uw"><code id="ca2uw"></code></rt>
  • <rt id="ca2uw"><code id="ca2uw"></code></rt>
  • 公眾號(hào)SVG互動(dòng)效果,選擇生成結(jié)果教程

    【炫酷交互制作教程】大牌同款新交互來(lái)襲!跟隨三兒輕松打造“多項(xiàng)點(diǎn)擊選擇”效果,實(shí)現(xiàn)獨(dú)一無(wú)二的結(jié)果生成。從SVG編輯器到素材上傳,詳細(xì)步驟一一解析,讓你輕松上手。


    朋友們大家好,我是三兒。


    最近不少朋友看到了許多大牌愛(ài)上了一個(gè)新交互。


    就像這樣??


    ??點(diǎn)擊查看


    以及三兒之前做過(guò)類(lèi)似的效果【如果offer長(zhǎng)這樣,桂林仔也會(huì)愛(ài)上班】


    本質(zhì)上是讓用戶(hù)有多個(gè)選項(xiàng)選擇其中某個(gè)結(jié)果,最后根據(jù)用戶(hù)的選項(xiàng)生成一個(gè)獨(dú)一無(wú)二的結(jié)果。


    是不是有點(diǎn)炫酷,你是不是也想要制作同款?那就跟著三兒一起開(kāi)啟今日的學(xué)習(xí)之旅吧??


    準(zhǔn)備工作



    -進(jìn)入SVG編輯器-


    在編輯器左側(cè)找到【SVG編輯器】


    點(diǎn)擊進(jìn)入SVG編輯器選中【互動(dòng)效果】后在搜索框中輸入【多項(xiàng)點(diǎn)擊選擇】或是輸入組件ID



    我們這里就以多項(xiàng)點(diǎn)擊選擇-點(diǎn)擊展開(kāi)生成結(jié)果為例。


    點(diǎn)擊組件進(jìn)入編輯頁(yè)面,這個(gè)時(shí)候咱們先別著急上傳素材,先看看素材要求再上傳。




    是不是看的有些云里霧里的?


    我們做一個(gè)簡(jiǎn)單的拆分:多項(xiàng)點(diǎn)擊選擇-點(diǎn)擊展開(kāi)生成結(jié)果由這幾個(gè)部分組成。


    一:選擇題板塊:內(nèi)容圖與點(diǎn)擊選擇后的圖寬高尺寸一致,各個(gè)選擇題內(nèi)容圖寬需要一致,高可以不同;


    選擇題目板塊

    點(diǎn)擊選擇后的顯示


    二:選項(xiàng)關(guān)聯(lián)結(jié)果圖與結(jié)果背景圖的寬高需要一致


    結(jié)果背景圖

    選項(xiàng)關(guān)聯(lián)結(jié)果圖


    三:關(guān)聯(lián)結(jié)果圖中的元素需要按照最終在結(jié)果背景圖上的位置擺放下載。


    簡(jiǎn)單點(diǎn)講就是你先把生成結(jié)果的位置擺好,然后去除背景只保留你的結(jié)果圖。



    四:封面圖與結(jié)果背景的寬度一致



    結(jié)果封面圖

    結(jié)果背景圖


    上傳素材



    我們先上傳自己的選擇題板塊




    上傳選擇生成圖,我這里是選擇哪個(gè)選項(xiàng)就會(huì)出現(xiàn)?,因?yàn)槲乙还灿?個(gè)選項(xiàng)所以會(huì)出現(xiàn)四個(gè)?。



    設(shè)置點(diǎn)擊觸發(fā)區(qū),以及觸發(fā)效果。



    上傳結(jié)果關(guān)聯(lián)圖



    最后記得上傳結(jié)果封面圖與結(jié)果背景圖



    我們這里只做了其中一個(gè)選項(xiàng)的結(jié)果生成,大家重復(fù)上述素材上傳即可。



    導(dǎo)出內(nèi)容



    在完成所有內(nèi)容編輯后就可以選擇導(dǎo)出到編輯器或是微信公眾號(hào)后臺(tái)了。



    怎么樣是不是已經(jīng)學(xué)會(huì)了

    如果你不想有【展開(kāi)】這一步

    可以直接選擇

    【多項(xiàng)點(diǎn)擊選擇+生成結(jié)果展示】

    大家可以根據(jù)自己的喜好來(lái)

    這個(gè)效果在三兒看來(lái)

    最麻煩的是厘清圖片素材尺寸關(guān)系

    一定要確認(rèn)好再開(kāi)始作圖

    要不然很可能是

    竹籃打水一場(chǎng)空

    (這都是血淋淋的教訓(xùn))


    相信聰明的你已經(jīng)學(xué)會(huì)了

    那么眼睛看會(huì)了

    記得動(dòng)手做一做哦

    春日暖陽(yáng)

    三兒也有一份薄禮相送

    快去掃碼領(lǐng)取吧




    END




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