Kuidas teisendada käsitsi joonistatud veebisaidi paigutused HTML-koodiks, kasutades Microsofti Sketch2Code'i

Kas olete kunagi mõelnud, kui lahe oleks lihtsalt midagi paberile joonistada ja lasta sellel pärismaailmas ellu tulla? See on just see, mida Microsoft on saavutanud AI-toega veebirakendusega Skletch2Code, mis suudab ühe nupuvajutusega teisendada tahvlilt käsitsi kirjutatud joonised HTML-veebisaitidele.

Sketch2Code suudab veebisaidi mis tahes käsitsi joonistatud kujunduse vaid sekunditega HTML-iks teisendada. Tööriist kasutab joonisel HTML-objektide tuvastamiseks Microsofti Computer Vision AI teenust ja seejärel tekstituvastust, et eraldada joonisel käsitsi kirjutatud tekst, et kombineerida ja luua HTML-i väljavõtted kõigist pildi kujunduselementidest.

See muudab veebidisainerite ja -arendajate jaoks meeletult kiireks mõne sekundiga paljudes erinevates stiilides veebisaidi HTML-i prototüüpide loomise. Kui soovite teada, kuidas see taustaprogrammis töötab, lugege kindlasti Microsofti veebisaidilt Sketch2Code'i tehnilisi üksikasju.

Allpool on kiire õpetus, mis näitab teile, kui lihtne on kasutada Sketch2Code'i veebisaidi paigutuse jooniste teisendamiseks tõelisteks HTML-lehtedeks.

Kõigepealt joonistage oma veebisaidi paigutus tahvlile või valgele lehele. Seejärel tehke sellest pilt ja salvestage see oma arvutisse. Pärast seda klõpsake oma brauseris veebirakenduse Sketch2Code avamiseks allolevat nuppu.

Käivitage veebirakendus Sketch2Code

Kui olete veebisaidi avanud, klõpsake nuppu Laadi üles kujundus nuppu ja valige tahvlile või valgele lehele joonistatud veebisaidi paigutuse pilt.

Pärast käsitsi joonistatud veebisaidi kujunduse üleslaadimist istuge ja vaadake, kuidas Sketch2Code loob automaatselt HTML-lehe, mis põhineb teie üleslaaditud pildi paigutusel.

Kui protsess on lõppenud, kuvatakse teile värskelt loodud HTML-lehe eelvaade koos täieliku koodi allalaadimise võimalusega. Klõpsake nuppu Laadige alla oma HTML-kood nuppu, et hankida oma käsitsi joonistatud veebisaidi paigutuse .html-fail, et saaksite seda kohapeal oma veebibrauseris testida ja eelvaadata.

see on kõik. Loodame, et Sketch2Code säästab teie aega veebilehe paigutuse prototüübi loomisel.