Elgondolkozott már azon, milyen klassz lenne egyszerűen csak rajzolni valamit egy papírra, és életre kelteni a való világban? Nos, ez csak az, amit a Microsoft elért a mesterséges intelligencia által vezérelt Skletch2Code webalkalmazással, amely egy gombnyomással képes tábláról kézzel írott rajzokat HTML-webhelyekké konvertálni.
A Sketch2Code másodpercek alatt képes a webhely bármely kézzel rajzolt elrendezését HTML formátumba konvertálni. Az eszköz a Microsoft Computer Vision AI szolgáltatását használja a HTML-objektumok észlelésére a rajzban, majd szövegfelismeréssel kinyeri a rajzban lévő kézzel írt szöveget, hogy egyesítse és HTML-részletet készítsen a kép összes tervezési eleméből.
Így a webdesignerek és fejlesztők őrülten gyorsan képesek pillanatok alatt elkészíteni egy webhely HTML-prototípusát számos különböző stílusban. Ha szeretné tudni, hogyan működik ez a háttérben, feltétlenül olvassa el a Sketch2Code technikai részleteit a Microsoft webhelyén.
Az alábbiakban egy gyors oktatóanyag bemutatja, milyen egyszerű a Sketch2Code használata a webhelyelrendezési rajzok valódi HTML-oldalakká való konvertálásához.
Először rajzolja meg webhelyének elrendezését egy táblára vagy egy fehér lapra. Ezután készítsen róla képet, és mentse el a számítógépére. Ezt követően kattintson az alábbi gombra a Sketch2Code webalkalmazás megnyitásához a böngészőben.
Indítsa el a Sketch2Code Web App alkalmazást
Miután megnyitotta a webhelyet, kattintson a gombra Tervezés feltöltése gombot, és válassza ki a webhely elrendezésének azt a képét, amelyet táblára vagy fehér lapra rajzolt.
A kézzel rajzolt weboldalterv feltöltése után dőljön hátra, és nézze meg, ahogy a Sketch2Code a mesterséges intelligencia automatikusan generál egy HTML-oldalt a feltöltött kép elrendezése alapján.
A folyamat befejezése után megjelenik a frissen létrehozott HTML-oldal előnézete, valamint a teljes kód letöltésének lehetősége. Kattintson a Töltse le HTML kódját gombot, hogy megkapja a kézzel rajzolt webhelyelrendezés .html fájlját, így helyileg tesztelheti és megtekintheti az előnézetet a webböngészőben.
Ez az. Reméljük, hogy a Sketch2Code időt takarít meg a weboldal-elrendezés prototípusának elkészítésében.