Kaip konvertuoti rankomis pieštus svetainių maketus į HTML kodą naudojant „Microsoft“ sukurtą „Sketch2Code“

Ar kada susimąstėte, kaip būtų šaunu ką nors nupiešti ant popieriaus ir leisti jam atgyti realiame pasaulyje? Tai tik tai, ką „Microsoft“ pasiekė naudodama AI valdomą „Skletch2Code“ žiniatinklio programą, kuri vienu mygtuko paspaudimu gali konvertuoti ranka rašytus brėžinius iš lentos į HTML svetaines.

„Sketch2Code“ per kelias sekundes gali konvertuoti bet kokį ranka pieštą svetainės išdėstymą į HTML. Įrankis naudoja Microsoft Computer Vision AI paslaugą, kad aptiktų HTML objektus piešinyje, o tada naudoja teksto atpažinimą, kad ištrauktų ranka rašytą tekstą piešinyje, kad būtų sujungti ir sukurti visų vaizdo dizaino elementų HTML fragmentai.

Dėl to interneto dizaineriai ir kūrėjai gali beprotiškai greitai per kelias sekundes sukurti įvairių stilių svetainės HTML prototipus. Jei norite sužinoti, kaip tai veikia vidinėje programoje, būtinai perskaitykite techninę informaciją apie „Sketch2Code“ „Microsoft“ svetainėje.

Žemiau pateikiama trumpa pamoka, rodanti, kaip paprasta naudoti Sketch2Code, norint konvertuoti svetainės maketo brėžinius į tikrus HTML puslapius.

Pirmiausia ant lentos arba balto lapo nupieškite savo svetainės maketą. Tada nufotografuokite jį ir išsaugokite jį savo kompiuteryje. Po to spustelėkite toliau esantį mygtuką, kad atidarytumėte Sketch2Code žiniatinklio programą savo naršyklėje.

Paleiskite „Sketch2Code“ žiniatinklio programą

Atidarę svetainę, spustelėkite Įkelti dizainą mygtuką ir pasirinkite svetainės maketo paveikslėlį, kurį nupiešėte ant lentos arba balto lapo.

Įkėlę ranka pieštą svetainės dizainą, atsisėskite ir stebėkite, kaip Sketch2Code naudojamas AI automatiškai generuoja HTML puslapį pagal įkelto vaizdo išdėstymą.

Kai procesas bus baigtas, jums bus parodyta naujai sugeneruoto HTML puslapio peržiūra ir galimybė atsisiųsti visą kodą. Spustelėkite ant Atsisiųskite savo HTML kodą mygtuką, kad gautumėte ranka piešto svetainės maketo .html failą, kad galėtumėte išbandyti ir peržiūrėti jį vietoje savo žiniatinklio naršyklėje.

Viskas. Tikimės, kad „Sketch2Code“ sutaupys jūsų laiko kuriant tinklalapio maketo prototipą.