Ar kada pagalvojote, 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 sujungtų ir sukurtų visų vaizdo dizaino elementų HTML fragmentus.
Dėl to interneto dizaineriai ir kūrėjai per kelias sekundes gali beprotiškai greitai 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.
Atidarę svetainę, spustelėkite mygtuką Įkelti dizainą 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 mygtuką Atsisiųsti savo HTML kodą, kad gautumėte. html failą savo rankomis pieštu svetainės maketu, 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ą.
Susiję straipsniai:
Sklandus „Bluesky“, „Mastodon“ ir „Threads“ paskyrų valdymas naudojant „Openvibe“.
7:52
„Bluesky“ klaidos „Netinkama rankena“ taisymas: žingsnis po žingsnio vadovas
11:49
5 geriausi būdai, kaip paleisti „File Explorer“ kaip administratorių sistemoje „Windows 11“.
14:56
Parašykite komentarą