Kreirajte interaktivne dizajne uz Canvin kod
Canvin kod omogućuje izradu responzivnih, interaktivnih dizajna bez tehničkih poteškoća s pisanjem koda. Canvin kod možete koristiti na dva načina:
- Izradite interaktivne dizajne koda
- Izradite potpune interaktivne dizajne kao što su odredišne stranice, nadzorne ploče ili portfelji te uređujte i objavljujte kao web-mjesta u Canvinu uređivaču
- Dodajte interaktivne elemente koda u dizajne
- Na drugom dizajnu izradite interaktivne elemente poput kviza, kalkulatora ili grafikona te ih ponovno koristite u više dizajna
Savjeti:
- Saznajte više o tome kako se ova značajka računa u vašu upotrebu umjetne inteligencije.
- Saznajte kako napisati bolje upite kako biste maksimizirali dodatak za umjetnu inteligenciju.
Izradite interaktivne dizajne koda
Kada želite stvoriti potpuno interaktivno iskustvo, upotrebljavajte vrstu dizajna koda .
- Izradite odredišne stranice, nadzorne ploče, portfelje i još mnogo toga
- Uređujte i dorađujte u Canvinu uređivaču
- Objavite kao responzivno web-mjesto
- Na početnoj stranici Canve odaberite Kod. Time se otvara Canvin uređivač.
- U Canvinu uređivaču najprije opišite dizajn na kartici Canva AI. Pitajte nešto poput "Dizajnirajte interaktivno, korisniku prilagođeno alat za praćenje vježbanja."
- Na kartici Predlošci možete i pregledati predloške od kojih želite početi.
- Doradite ga Canva AI-jem ili izravnim uređivanjem. Pogledajte Uređivanje interaktivnih dizajna i elemenata Canvina koda da biste saznali kako.
Dodajte interaktivne elemente koda u dizajne
Ako želite generirati jednu interaktivnu komponentu, idite na Canva AI , a zatim Code kada želite generirati jednu jedinu interaktivnu komponentu.
- Kao elemente izrađujte kvizove, kalkulatore, grafikone i ostalo.
- Dodajte ih u prezentacije, prezentacijske ploče ili druge vrste dizajna. Objavite kao web-mjesto ili ponovno koristite elemente u više dizajna.
- Na početnoj stranici Canve odaberite Canva AI.
- U okviru Upit opišite interaktivni element koda koji želite izraditi. Više o upitima uz pomoć umjetne inteligencije saznajte ovdje.
- Odaberite </> Kôd.
- Pritisnite enter na tipkovnici ili kliknite gumb za slanje. Canva AI priprema dizajn na temelju vašeg upita.
- Nakon generiranja dizajna koda odaberite Koristi u dizajnu.
- U odjeljku Dodaj kao element u, odaberite vrstu dokumenta da biste ga dodali kao interaktivni element koda.
- Da biste poboljšali dizajn koji generira Canvin kod, upit za preciziranje unesite u okvir za čavrljanje na bočnoj ploči.
Napomena: verzijama dizajna možete pristupiti iz niti za čavrljanje u Canva AI-ju.
Uredite interaktivne dizajne i elemente koji su generirali Canvin kod
Doradite dizajn koji generiraju Canvin kod pomoću alata u uređivaču. Da biste saznali više, pogledajte članak Uređivanje interaktivnih dizajna i elemenata koje generiraju Canvin kod .
Pregledajte i objavite dizajn
Odaberite Pregled da biste stupili u interakciju s dizajnom. Kada sve bude u redu, možete objaviti kao web-mjesto. Saznajte kako objaviti web-mjesta Canva koda i upravljati njima.
Napomena: interaktivnost funkcionira kada se dizajn pregleda na Canvi ili objavi kao web-mjesto.
Pristupajte verzijama Canvina koda te upravljajte njima
Svaki put kad putem upita ažurirate dizajn Canvina koda, Canva automatski sprema novu verziju u okviru iste niti za čavrljanje. To vam omogućuje da se vratite u starije iteracije, nastavite s uređivanjem iz prethodne verzije ili kopirate generirani kod za vanjsku upotrebu.
Pogledajte povijest verzija
- Na početnoj stranici Canve otvorite Canva AI. Na traci upita
- odaberite </> Kôd da biste na bočnoj traci vidjeli razgovore u Canvin kodu.
- Napomena: čavrljanje u Canvinom kodu možete prepoznati po ikoni </> pokraj njih.
- Otvorite nit za razgovor u Canvin
- kodu. Na bočnoj traci pregledajte dostupne verzije (na primjer: verzija 1, verzija 2 i druge).
Napomena: nastavljanjem upita unutar istog čavrljanja automatski se stvara nova verzija.
Upotrijebite prethodnu verziju
- Otvorite nit za razgovor u Canvinu kodu.
- Odaberite verziju koju želite upotrebljavati.
- Odaberite Koristi u dizajnu da biste nastavili uređivati tu verziju na Canvi.
Pogledajte i kopirajte kôd
Možete pogledati temeljni kôd koji je generirao Canvin kod i kopirati ga za ponovnu upotrebu izvan Canve.
- U nizu Canvina koda uključite opciju Show code toggle.
- Odaberite Kopiraj kod da biste ga spremili u međuspremnik.
Ograničenja Canvina koda
- Canvin kod podržava sve jezike dostupne na Canvi, osim za korisnike na servisu canva.cn.
- Canvin kod preuzima upute samo iz opisa koji ste unijeli ili iskoristili. Što više konteksta i uputa date, to će rezultat biti bolji.
- Kôd se može izvana kopirati i ponovno koristiti, ali ne može se izvesti kao datoteka ili izravno urediti unutar Canve.
Mogu li kôd ponovno upotrijebiti izvan Canve?
Da. Nakon što ga kopirate, kôd se može koristiti u vlastitim projektima. Iako je izrađen za Canvu, možete ga prilagoditi za vanjske alate ili tijekove rada.
Mogu li kreacije iz Canvina koda koristiti za komercijalnu upotrebu?
U pogledu između vas i Canve, u mjeri dopuštenoj zakonom, vlasnik ste svog unosa i izlaza s našim značajkama umjetne inteligencije (uključujući Canvin kod i izrađene Canvine kodove), a Canva neće polagati autorska prava na vaš unos i rezultat (uključujući stvorene Canvine kodove). Više pojedinosti i potpune uvjete potražite u našim Uvjetima za proizvode umjetne inteligencije.
Tko može vidjeti što izradim s Canvinim kodom?
Samo vi možete vidjeti svoje razgovore uz pomoć Canvina koda. Kada u dizajnu kliknete Upotrijebi, izrađuje se novi dizajn s tom verzijom te možete podijeliti dizajn (uključujući Canvin kod) pomoću gumba Podijeli.
Ako dizajn objavite na web-mjestu, kontrola pristupa kontrolira se postavkama koje konfigurirate tijekom tijeka objavljivanja na web-mjestu.
Mogu li upravljati pristupom svog tima Canvinom kodu?
Ako ste administrator, nastavnik ili dizajner robne marke, možete odabrati tko može pristupiti Canvinom kodu u vašem timu ili razredu.
Ne možete pronaći Canvin kod na početnoj stranici? Saznajte više o ograničenjima pristupa kodu za Canvu.
Zašto ne vidim da se retki koda mijenjaju?
Canvin kod sada upotrebljava uređivanje utemeljeno na razl., što znači da se ažuriraju samo potrebni reci koda umjesto da se ponovno generira cijeli blok. To rezultira bržim povratnim informacijama kada unosite male promjene u logiku dizajna.
Ako ne vidite da se retki koda ne mijenjaju nakon slanja upita, to znači da Canva u pozadini radi na primjeni samo potrebnih promjena. Pričekajte da Canvin kod završi generiranje druge verzije.
Je li vam ovo bilo korisno?
Bilo je korisno
Nije bilo korisno