Vytvárajte interaktívne dizajny pomocou kódu Canvy
Kód Canvy vám umožňuje vytvárať responzívne interaktívne dizajny bez toho, aby ste museli komplikované písanie kódu. Kód Canvy môžete použiť dvoma spôsobmi:
- Vytvárajte interaktívne dizajny kódu
- Vytvárajte interaktívne dizajny, ako sú cieľové stránky, tabule alebo portfóliá, a upravujte ich a publikujte ich ako webové lokality v editore Canva
- Pridajte do svojich dizajnov interaktívne prvky kódu
- Vytvorte interaktívne prvky, ako sú kvízy, kalkulačky alebo grafy, pre iný dizajn a znova ich použite vo viacerých dizajnoch
Tipy:
- Zistite viac o tom, ako sa táto funkcia započítava do vášho používania umelej inteligencie.
- Naučte sa písať lepšie výzvy na maximalizáciu príspevku na umelú inteligenciu.
Vytvárajte interaktívne dizajny kódu
Typ dizajnu Kód použite, ak chcete vytvoriť kompletné interaktívne prostredie.
- Vytvárajte cieľové stránky, tabule, portfóliá a ďalšie produkty
- Upravujte a spresnite v editore Canva
- Publikujte ako responzívna webová lokalita
- Na domovskej stránke Canvy vyberte položku Kód. Otvorí sa editor Canva.
- V editore Canva začnite opísaním svojho dizajnu na karte Umelá inteligencia Canvy. Výzva napríklad „Nadizajnujte interaktívny nástroj na sledovanie cvičenia.“
- Na karte Šablóny môžete tiež prehľadávať alebo vyhľadávať šablóny, z ktorých môžete začať.
- Spresnite ho pomocou umelej inteligencie Canvy alebo priamych úprav. Informácie nájdete v časti Úprava dizajnov a prvkov interaktívneho kódu Canvy.
Pridajte do svojich dizajnov interaktívne prvky kódu
Ak chcete vygenerovať jeden interaktívny komponent, prejdite do časti Umelá inteligencia Canvy , Kód .
- Vytvárajte kvízy, kalkulačky, grafy a ďalšie prvky ako prvky.
- Pridajte ich do prezentácií, tabúľ alebo iných typov dizajnov. Publikujte ako webovú lokalitu alebo Opakovane použite prvky vo viacerých dizajnoch.
- Na domovskej stránke Canvy vyberte položku Umelá inteligencia Canvy.
- V poli Výzva opíšte interaktívny prvok Kódu, ktorý chcete vytvoriť. Viac informácií o výzvach od umelej inteligencie nájdete tu.
- Vyberte </> Kód.
- Stlačte kláves Enter na klávesnici alebo kliknite na tlačidlo Odoslať. Umelá inteligencia Canvy pripraví váš dizajn na základe vašej výzvy.
- Po vygenerovaní dizajnu kódu vyberte položku Použiť v dizajne.
- V časti Pridať ako prvok do tímu vyberte typ dokumentu, ktorý chcete pridať ako interaktívny prvok Kódu.
- Na zlepšenie dizajnu vygenerovaného kódom Canvy zadajte spresnenia v poli četu na bočnom paneli.
Poznámka: K verziám dizajnov máte prístup pomocou vlákna četu pomocou umelej inteligencie Canvy.
Upravujte interaktívne dizajny a prvky vygenerované kódom Canvy
Vylepšite svoj dizajn vygenerovaný kódom Canvy pomocou nástrojov v editore. Viac informácií nájdete v časti Úprava interaktívnych dizajnov a prvkov vygenerovaných kódom Canvy .
Pozrite si ukážku a publikujte svoj dizajn
Vyberte položku Zobraziť ukážku, aby ste mohli s dizajnom pracovať. Keď bude všetko v poriadku, môžete ju publikovať ako webovú lokalitu. Naučte sa publikovať a spravovať webové lokality s kódom Canvy.
Poznámka: Interaktivita funguje, keď je dizajn zobrazený v Canve alebo publikovaný ako webová lokalita.
Pristupujte k verziám kódu Canvy, kopírujte a spravujte ich
Pri každej aktualizácii dizajnu kódu Canvy prostredníctvom výzvy Canva automaticky uloží novú verziu v rámci toho istého vlákna chatu. Vďaka tomu sa môžete vrátiť k predchádzajúcim verziám, pokračovať v úpravách z predchádzajúcej verzie alebo skopírovať vygenerovaný kód na externé použitie.
Zobrazte históriu verzií
- Na domovskej stránke Canvy otvorte Umelú inteligenciu Canvy.
- Na paneli Výzva vyberte položku </> Kód , aby ste na bočnom paneli zobrazili chaty s Kódom Canvy.
- Poznámka: Čety s Kódom Canvy poznáte podľa ikony </> vedľa nich.
- Otvorte vlákno četu s Kódom Canvy.
- Na bočnom paneli prehľadajte dostupné verzie (napríklad: Verzia 1, Verzia 2 a ďalšie).
Poznámka: Pokračujete v odosielaní výziev v rámci toho istého chatu, automaticky sa vytvorí nová verzia.
Použiť predchádzajúcu verziu
- Otvorte vlákno četu s Kódom Canvy.
- Vyberte verziu, ktorú chcete použiť.
- Vyberte položku Použiť v dizajne , aby ste mohli pokračovať v úprave danej verzie v Canve.
Zobrazte a skopírujte kód
Môžete si zobraziť základný kód vygenerovaný kódom Canvy a skopírovať ho na účely opätovného použitia mimo Canvy.
- Vo vlákne Kód Canvy zapnite možnosť Zobraziť kód.
- Vyberte možnosť Kopírovať kód a uložte ho do schránky.
Obmedzenia Kódu Canvy
- Kód Canvy podporuje všetky jazyky dostupné v Canve s výnimkou používateľov v lokalite canva.cn.
- Kód Canvy prevezme pokyny len z popisu, ktorý ste zadali alebo použili. Čím viac kontextu a pokynov zadáte, tým lepší bude výsledok.
- Kód je možné skopírovať a znova použiť externe, ale nie je možné ho exportovať ako súbor ani priamo upravovať v Canve.
Môžem kód znova použiť aj mimo Canvy?
Áno. Po skopírovaní môžete kód používať vo svojich projektoch. Je síce vytvorená pre Canvu, ale môžete ju prispôsobiť externým nástrojom alebo pracovným postupom.
Môžem použiť svoje výtvory z Kódu Canvy na komerčné použitie?
Medzi vami a spoločnosťou Canva a v rozsahu povolenom zákonom vlastníte svoje vstupy a výstupy pre naše funkcie umelej inteligencie (vrátane kódu Canvy a vytvorených kódov Canvy) a spoločnosť Canva si nebude nárokovať žiadne autorské práva na vaše vstupy ani výstupy. (vrátane vytvorených kódov Canvy). Ďalšie podrobnosti a celé podmienky nájdete v našich podmienkach produktu umelej inteligencie.
Kto môže vidieť, čo vytvorím pomocou Kódu Canvy?
Vaše konverzácie pomocou Kódu Canvy vidíte iba vy. Po kliknutí na položku Použiť v dizajne sa vytvorí nový dizajn s touto verziou a dizajn môžete zdieľať (vrátane kódu Canvy) pomocou tlačidla Zdieľať .
Ak dizajn publikujete na webovej lokalite, ovládanie prístupu je riadené nastaveniami, ktoré nakonfigurujete počas publikovania webovej lokality.
Môžem spravovať prístup svojho tímu ku Kódu Canvy?
Ak ste správca, učiteľ alebo dizajnér značky, môžete si vybrať, kto má vo vašom tíme alebo triede prístup ku kódu Canvy.
Nemôžete nájsť kód Canvy na svojej domovskej stránke? Zistite viac o obmedzeniach prístupu ku kódu Canva.
Prečo sa mi riadky kódu nemenia?
Kód Canvy odteraz používa úpravy založené na rozdieloch, čo znamená, že sa aktualizujú len potrebné riadky kódu namiesto opätovného generovania celého bloku. Výsledkom sú rýchlejšie pripomienky pri vykonávaní malých zmien v logike dizajnu.
Ak sa po odoslaní výzvy riadky kódu nezmenia, znamená to, že Canva pracuje na pozadí a aplikuje len potrebné zmeny. Počkajte, kým kód Canva dokončí generovanie ďalšej verzie.
Boli tieto informácie užitočné?
Užitočné
Neužitočné