Cara Menukar Reka Letak Laman Web Dilukis Tangan kepada Kod HTML menggunakan Sketch2Code oleh Microsoft

Pernah terfikir betapa hebatnya melukis sesuatu di atas kertas dan membiarkannya hidup di dunia nyata? Nah, itu hanyalah sesuatu yang telah dicapai oleh Microsoft dengan apl web Skletch2Code berkuasa AI yang boleh menukar lukisan tulisan tangan daripada papan putih kepada tapak web HTML dengan satu klik butang.

Sketch2Code boleh menukar sebarang reka letak tapak web yang dilukis tangan kepada HTML dalam beberapa saat sahaja. Alat ini menggunakan perkhidmatan AI Computer Vision Microsoft untuk mengesan objek HTML dalam lukisan, dan kemudian menggunakan pengecaman teks untuk mengekstrak teks tulisan tangan dalam lukisan untuk menggabungkan dan membina coretan HTML bagi semua elemen reka bentuk dalam imej.

Ini menjadikannya sangat pantas untuk pereka web dan pembangun membina prototaip HTML tapak web dalam pelbagai gaya dalam masa beberapa saat. Jika anda berminat untuk mengetahui cara ini berfungsi di bahagian belakang, pastikan anda membaca butiran teknikal mengenai Sketch2Code di tapak web Microsoft.

Di bawah ialah tutorial pantas untuk menunjukkan kepada anda betapa mudahnya menggunakan Sketch2Code untuk menukar lukisan reka letak tapak web kepada halaman HTML sebenar.

Mula-mula, lukis reka letak tapak web anda pada papan putih atau helaian putih. Kemudian, ambil gambarnya dan simpan ke komputer anda. Selepas itu, klik pada butang di bawah untuk membuka aplikasi web Sketch2Code dalam pelayar anda.

Lancarkan Apl Web Sketch2Code

Sebaik sahaja anda membuka laman web, klik pada Muat Naik Reka Bentuk butang dan pilih gambar susun atur tapak web yang anda lukis pada papan putih atau helaian putih.

Selepas memuat naik reka bentuk tapak web yang dilukis dengan tangan, duduk dan tonton Sketch2Code menggunakan AI secara automatik menjana halaman HTML berdasarkan reka letak dalam imej yang anda muat naik.

Setelah proses selesai, anda akan ditunjukkan pratonton dari halaman HTML yang baru dijana bersama-sama dengan pilihan untuk memuat turun kod penuh. Klik pada Muat turun Kod HTML anda butang untuk mendapatkan fail .html reka letak tapak web anda yang dilukis tangan supaya anda boleh menguji dan melihatnya secara setempat dalam penyemak imbas web anda.

itu sahaja. Kami berharap Sketch2Code menjimatkan masa anda dalam membuat prototaip reka letak halaman web.

Kategori: web