Vai esat kādreiz domājuši, cik forši būtu vienkārši uzzīmēt kaut ko uz papīra un ļaut tam atdzīvoties reālajā pasaulē? Tas ir tikai tas, ko Microsoft ir panācis ar AI darbinātu tīmekļa lietotni Skletch2Code, kas ar vienu pogas klikšķi var pārvērst ar roku rakstītus zīmējumus no tāfeles uz HTML vietnēm.
Sketch2Code var pārvērst jebkuru ar roku zīmētu vietnes izkārtojumu HTML formātā dažu sekunžu laikā. Rīks izmanto Microsoft Computer Vision AI pakalpojumu, lai noteiktu HTML objektus zīmējumā, un pēc tam izmanto teksta atpazīšanu, lai izvilktu zīmējumā ar roku rakstīto tekstu, lai apvienotu un izveidotu HTML fragmentus no visiem attēla dizaina elementiem.
Tādējādi tīmekļa dizaineriem un izstrādātājiem ir neprātīgi ātri dažu sekunžu laikā izveidot tīmekļa vietnes HTML prototipus dažādos stilos. Ja vēlaties uzzināt, kā tas darbojas aizmugursistēmā, noteikti izlasiet tehnisko informāciju par Sketch2Code Microsoft vietnē.
Tālāk ir sniegta ātra apmācība, lai parādītu, cik vienkārši ir izmantot Sketch2Code, lai vietnes izkārtojuma zīmējumus pārvērstu par īstām HTML lapām.
Vispirms uz tāfeles vai baltas lapas uzzīmējiet savas vietnes izkārtojumu. Pēc tam nofotografējiet to un saglabājiet to savā datorā. Pēc tam noklikšķiniet uz tālāk esošās pogas, lai pārlūkprogrammā atvērtu tīmekļa lietotni Sketch2Code.
Palaidiet Sketch2Code Web App
Kad vietne ir atvērta, noklikšķiniet uz Augšupielādēt dizainu pogu un atlasiet vietnes izkārtojuma attēlu, ko uzzīmējāt uz tāfeles vai baltas lapas.
Kad esat augšupielādējis ar roku zīmētu vietnes dizainu, apsēdieties un skatieties, kā Sketch2Code izmanto AI, kas automātiski ģenerē HTML lapu, pamatojoties uz jūsu augšupielādētā attēla izkārtojumu.
Kad process būs pabeigts, jums tiks parādīts svaigi ģenerētās HTML lapas priekšskatījums, kā arī iespēja lejupielādēt pilnu kodu. Noklikšķiniet uz Lejupielādējiet savu HTML kodu pogu, lai iegūtu ar roku zīmētā vietnes izkārtojuma .html failu, lai varētu to pārbaudīt un priekšskatīt lokāli savā tīmekļa pārlūkprogrammā.
Tieši tā. Mēs ceram, ka Sketch2Code ietaupīs jūsu laiku tīmekļa lapas izkārtojuma prototipa izstrādē.