Oletko koskaan miettinyt, kuinka siistiä olisi vain piirtää jotain paperille ja antaa sen herätä henkiin todellisessa maailmassa? No, Microsoft on saavuttanut sen tekoälyllä toimivalla Skletch2Code-verkkosovelluksella, joka voi muuntaa käsin kirjoitetut piirrokset taululta HTML-sivustoiksi yhdellä napin painalluksella.
Sketch2Code voi muuntaa minkä tahansa verkkosivuston käsin piirretyn asettelun HTML-muotoon muutamassa sekunnissa. Työkalu käyttää Microsoftin Computer Vision AI -palvelua HTML-objektien havaitsemiseen piirustuksessa ja sitten käyttää tekstintunnistusta piirustuksen käsinkirjoitetun tekstin yhdistämiseen ja rakentamiseen HTML-katkelmien avulla kaikista kuvan suunnitteluelementeistä.
Tämän ansiosta web-suunnittelijat ja -kehittäjät voivat rakentaa verkkosivuston HTML-prototyyppejä useissa eri tyyleissä muutamassa sekunnissa järjettömän nopeasti. Jos olet kiinnostunut tietämään, kuinka tämä toimii taustajärjestelmässä, muista lukea Sketch2Coden tekniset tiedot Microsoftin verkkosivustolta.
Alla on nopea opetusohjelma, joka näyttää, kuinka helppoa on käyttää Sketch2Codea verkkosivustojen asettelupiirrosten muuntamiseen oikeiksi HTML-sivuiksi.
Piirrä ensin verkkosivustosi asettelu taululle tai valkoiselle arkille. Ota sitten kuva siitä ja tallenna se tietokoneellesi. Napsauta sen jälkeen alla olevaa painiketta avataksesi Sketch2Code-verkkosovelluksen selaimessasi.
Kun olet avannut verkkosivuston, napsauta Upload Design -painiketta ja valitse kuva verkkosivuston asettelusta, jonka piirsit taululle tai valkoiselle arkille.
Kun olet ladannut käsin piirretyn verkkosivustosuunnittelun, istu alas ja katso, kuinka Sketch2Code luo tekoälyn automaattisesti HTML-sivun lataamasi kuvan asettelun perusteella.
Kun prosessi on valmis, sinulle näytetään esikatselu tuoreelta HTML-sivulta sekä mahdollisuus ladata koko koodi. Napsauta Lataa HTML-koodisi -painiketta saadaksesi sen. html-tiedosto käsin piirretystä verkkosivustosi asettelusta, jotta voit testata ja esikatsella sitä paikallisesti verkkoselaimessasi.
Se siitä. Toivomme, että Sketch2Code säästää aikaa verkkosivun asettelun prototyyppien luomisessa.
Vastaa