Predstavljamo Pokretač za skicu

Objavite web mjesta izravno s Sketch-a, nije potrebno kodiranje.

Launchpad pretvara vaš dizajn u HTML i CSS i objavljuje vaš dizajn kao stvarnu web stranicu uživo.

Ažuriranje: Launchpad je sada dio Anima paketa alata, koji omogućava dizajnerima da izrade responzivne i interaktivne web stranice, sve u Sketch-u.
Napravite osjetljive i interaktivne prototipove visoke vjernosti, sve unutarnje skice

Prije 4 mjeseca lansirali smo novi proizvod koji mijenja način dizajna dizajnera. Automatski izgled za Sketch omogućuje dizajnerima da stvaraju neodgovarajuće dizajne na bešavan način.

Prije 2 mjeseca uveli smo novu značajku koja se zove Stacks. Nizovi su Flexbox u sklopu Sketch-a. Ova moćna značajka učinila je dizajniranje odgovornih dizajna još lakšim i boljim.

Ovi su prekretnici otvorili put našem novom proizvodu.

Naš novi proizvod omogućava dizajnere da jednim web klikom objavljuju web stranice izravno iz programa Sketch.

Posjetite web stranicu: https://launchpad.animaapp.com

Do sada su modeli Sketch-a bili samo pikseli. Danas postaju živi. Skice dizajna web stranica postaju stvarne web stranice. Dizajni prilagođeni automatskom postavljanju sada će odgovarati na isti način na pregledniku u stvarnoj web stranici.

Launchpad je platforma kao servis za dizajnere. Cijelo sučelje neprimjetno je integrirano u Sketch kako biste se osjećali kao kod kuće.

Launchpad for Sketch je alat za izdavanje web stranica za:

  • Odredišne ​​stranice
  • marketing web stranica
  • statičke web stranice

Launchpad trenutno ne podržava:

  • Dinamične web stranice s Javascript
Savršeno je za odredišne ​​stranice i web stranice za marketing.

Pregled glavnih značajki

  • Točke prekida - način da vaš dizajn izgleda sjajno na mobitelu, tabletima ili stolnim računalima.
  • Poveznice —Svaka Artboard je web stranica. Možete postaviti veze između Artboards-a ili vanjske web stranice.
  • Obrasci - Možete postaviti obrasce i omogućiti posjetiteljima web stranice da podnesu podatke poput njihovih kontakt podataka.
  • Videozapisi - videoplayer možete ugraditi na web mjesto. YouTube, Vimeo, MP4 ili GIF podržani su.
  • Analitika - pratite posjetitelje sa svojim omiljenim davateljem analitike.
  • SEO - Metaoznake za tražilice i web stranice društvenih medija.

Zaronimo u svakoj od ovih značajki!

breakpoints

Točke prekida način su da vaš dizajn izgleda sjajno na mobilnim uređajima, tabletima i stolnim računalima.

Za stvaranje prijelomnih točaka

  1. Dizajnirajte web stranicu u više Artboards-a, pri čemu je svaki Artboard određenu širinu zaslona.
  2. Pomoću gumba Breakpoints označite više Artboards-a kao istu web stranicu.
Dizajn Zhenya & Artem

linkovi

Postoje 3 vrste veza:

  1. Link na stranici - Poveznica između različitih ploča umjetničkih ploča
  2. Veze za sidro - veza unutar iste ploče sidra
  3. Vanjske veze - veza na vanjsko web mjesto
Stvorite vezu na druge ploče umjetničkih pločaStvorite vezu sidraStvorite vanjsku vezu

obrasci

Obrasci omogućuju posjetiteljima web stranice da podnesu podatke poput njihovih kontakt podataka.

Obrazac se sastoji od:

  • Unos teksta - Jedan ili više slojeva za unos teksta
  • Gumb za slanje - jedan sloj gumba za slanje

Pri postavljanju sloja kao gumba za slanje, opcije obrasca otkrivat će:

  • E-pošta - neobavezna adresa e-pošte za slanje obavijesti kada posjetitelji predaju informacije
  • Spreadsheet - izborno Naziv proračunske tablice koju možete pregledati i preuzeti kao CSV svih unosa
  • Stranica uspjeha - izborno Gdje preusmjeriti posjetitelja nakon uspješnog slanja.
  • Stranica neuspjeha - izborno Gdje preusmjeriti posjetitelja u slučaju da njihova prijava nije uspjela.

Primjer

Obrazac za kontakt uživo
Datoteka za skicu

Na temelju kontakt obrasca Sophinie Som

Video

Možete umetnuti Video player na svoju web stranicu postavljanjem Sloja kao videozapisa.
Kad odaberete sloj videozapisa, moći ćete pružiti vezu do videozapisa koji će biti predstavljen na web mjestu.

Podržani URL-ovi videa su: YouTube, Vimeo, MP4 i GIF

Primjeri

Demonstracija odredišne ​​stranice

  • Web stranica uživo
  • Preuzimanje datoteke skice
  • Video Coverr

Demo videoplayer

  • Web stranica uživo
  • Preuzimanje datoteke skice

Analitika

Da biste pratili dolazni promet na svojoj web lokaciji, možete se prijaviti na bilo kojeg od pružatelja usluga Google Analytics i zalijepiti u isječak koda koji oni pružaju.

Pregled koraka:

  1. Registrirajte se za svog davatelja usluge Google Analytics.
  2. Na upravljačkoj ploči davatelja usluge Google Analytics stvorite projekt praćenja web mjesta.
  3. Kopirajte isječak koda za praćenje koji oni pružaju na vašu kartonu.
  4. Zalijepite isječak koda za praćenje u odjeljak Launchpad Analytics pod Upravljanje web mjestom.

Google Analytics

Više informacija o usluzi Analytics dostupno je ovdje

SEO

Metaoznake su dio HTML-a. Omogućuju pružanje informacija o web mjestu koje zapravo nisu predstavljene posjetiteljima, ali ih upotrebljava softver koji može čitati ove oznake i koristiti njihove podatke.

  • Tražilice poput Googlea koriste Metaoznake za indeksiranje web mjesta u svojoj bazi podataka.
  • Web-lokacije društvenih medija koriste specijalizirane Metaoznake za omogućavanje pregledavanja web stranica u svojim feedovima.

Možete urediti ove oznake da biste optimizirali način na koji vašu web lokaciju vide pretraživači, web stranice društvenih medija i još mnogo toga.
Bolje informacije poput slike i jasan opis mogu povećati promet na vašoj web stranici.

Napravite osjetljive i interaktivne prototipove visoke vjernosti, sve unutarnje skice
  • Započnite
  • Od vaših prijatelja u Anima App
  • Za raspravu se slobodno pridružite našoj Facebook grupi