Predstavljamo Supernovu

Dizajnirajte Sketch dizajne radom izvornih aplikacija za nekoliko minuta

Kada je u pitanju izgradnja mobilne aplikacije, to je još uvijek bolno spor i nezgrapan proces. Zašto stvarati dizajn i zatim ga ponovo kodirati rukom, kada je netko toliko naporno radio da bi bili sigurni da su svi pikseli točno? Rekli smo ne.

Predstavljamo Supernovu, izvorni alat koji ima za cilj neprimjetno premostiti jaz između programera i dizajnera, omogućavajući dizajnerima da prvi put izrađuju funkcionirajuće aplikacije (a ne prototipove!) Ili pomogne programerima da skrate vrijeme razvoja tako što su u potpunosti uklonili rad korisničkog sučelja.

Supernova je sveobuhvatni paket koji automatizira sljedeće:

  • Pretvaranje slojeva dizajna u izvorne komponente
  • Sastavni dijelovi
  • Stvaranje navigacijskih lanaca
  • Creation Potpuno automatsko stvaranje odgovarajućeg izgleda
  • Detection Otkrivanje i izvoz resursa (nije potrebno kriške)
  • Izrada osnovnih i naprednih animacija
  • Izvoz koda, imovine, projekata, fontova, korisničkog sučelja i svega što vam je potrebno za iOS, Android i (vrlo brzo) React Native projekte
  • Bonus za sve one kasne noćne sesije: Light / Dark UI mod

Najbolje od svega? Radi sa bilo kojim poliranim mobilnim dizajnom. Zaronimo, zar ne?

Skica Supernovi

Supernova ne uvozi slojeve kao što su oni u Sketch-u. Umjesto toga, slojevi se pretvaraju u osnovne građevne blokove svake aplikacije - slike, naljepnice i prikazi, čuvajući sve podatke o dizajnu koje ste naveli.

I ne samo to, već i optimizira dizajn - uklanjanje viška, popravljanje boja i prozirnih boja, stvaranje i pametno spajanje staza, izvoz slikovnih resursa, primjenu maski ... sve što bi programeri inače trebali učiniti ručno.

Uvoz Sketch datoteke stvara sve zaslone aplikacija - optimizacija se vrši odmah

Native komponente i interaktivni pregled

Samo osnovni građevni blokovi nisu dovoljni u većini slučajeva - složenije komponente ih umjesto toga grupiraju i pružaju dodatnu funkcionalnost, poput pomicanja, učitavanja podataka ili događaja dodira. Supernova omogućuje bešavno prebacivanje između različitih vrsta komponenti ili spajanje više komponenata u obliku složenih elemenata poput tablica.

Kako bi prikazao promjene i način na koji se aplikacija ponaša, Supernova sadrži pregled u stvarnom vremenu - kad završite s uređivanjem, jednostavno prebacite se na interaktivni način i uživajte u potpunom programu upravo onako kako će izgledati vašim korisnicima. Ovaj pregled simulira sve komponente, animacije, interakcije i naravno prilagodljivi izgled.

Pretvaranje slojeva u složene komponente - gumbe, tekstualno polje, tablice, možete ih imenovati.

Starlight - motor s automatskim odzivnim izgledom

Prema današnjim standardima, čineći da aplikacije odgovaraju i podržavaju bilo koju veličinu zaslona je potrebno. Automatizirali smo ga za sve.

Supernova vam omogućuje izradu izgleda koristeći isti sustav kao i iOS Auto Layout ili Android Constraint Layout, ali uklanja naporan rad - izračunavanje ograničenja za vas, koristeći informacije o položaju, margine, ali i vrstu komponenata, njihove stilove i sadržaj i još mnogo toga.

Nakon što stvorite sve komponente poput gumba ili tablica, jednostavno kliknite riješi i izgled je gotov za vas. Prebacivanje u interaktivni način omogućuje vam pregled na bilo kojoj veličini uređaja.

Opcija

Animacije

Izrada sjajnih animacija je komplicirana, a pravilno ih je gotovo nemoguće napraviti pod ruku. Da bi olakšao bol zbog njihovog stvaranja, Supernova ima potpuno razvijen animacijski stroj koji prevodi ono što dizajnirate u izvorni kod, integrirajući sve za vas.

Animacije možete izrađivati ​​i pregledavati izravno iz studija, bilo ručno ili pomoću unaprijed definiranih predložaka, uključujući sve slatke stvari kao što su keyframe i proljetne animacije. Sve se animacije odmah prikazuju, uključujući njihove interakcije.

Izrada gumba malo živahnija

Navigacijski lanci

Supernova vam omogućuje vizualno povezivanje zaslona za stvaranje navigacijskih karata. Navigacija se može pozivati ​​pomoću gumba, tablica, ćelija ili pogleda ili možete jednostavno povezati zaslone i eventualno sami koristiti tu vezu u kodu.

Izrada navigacijske karte

Nativni izvoz

Nakon što ste zadovoljni onim što ste stvorili, vrijeme je za izvoz ili za iOS ili Android (i uskoro, React Native). Ovisno o vašim postavkama i platformi, dobit ćete:

  • Izvorni kodovi (Swift, Java, Kotlin) kreirani korištenjem najnovijih najboljih praksi
  • Definicije korisničkog sučelja i rasporeda (ploče s knjigama, XML-ovi)
  • Imovina u svim rješenjima
  • Potrebni fontovi
  • Izgrađuje projekt sa svim povezanim datotekama i konfiguracijom
  • Puno pažnje vaših prijatelja zbog vježbanja tamnih umjetnosti

Dobrodošli u javnu beta verziju - besplatno je za sve

Izuzetno smo uzbuđeni što ćemo pokrenuti Supernovu svima nakon više mjeseci u privatnoj beta verziji i godinama razvoja. Sada ga možete dobiti besplatno tijekom čitavog trajanja beta - i to je sve dok ne vidimo da su svi zadovoljni s njim i da se njime rukuje gotovo sa bilo čim.

Supernova je dostupna za OS X 10.12+ ili noviju podršku za Windows.

  • Prijavite se da biste odmah dobili svoj primjerak: https://supernova.io/download
  • Započnite: https://supernova.io/
  • Saznajte s našom sjajnom dokumentacijom: https://docs.supernova.io/
  • Pridružite se našem Facebooku i Slacku kako biste razgovarali o svemu što želite znati i čuti sve o nadolazećim značajkama, poput React-a, automatiziranog modela i stvaranja mreže, integracije usluga, dodataka i još mnogo toga!

Sa od prijatelja u Supernovi

Radujemo se što ćemo vas vidjeti odmah u beta verziji!