關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

Sketch2Code 使用 AI 將手繪設計稿轉換成 HTML 程式碼

需求分析是系統開發成敗的關鍵,系統分析師與客戶溝通時,如果可以拿出接近客戶心目中的實際系統操作雛形,相信會比用文字描述來的容易溝通,如果要將溝通時產生的手繪草稿圖利用 HTML 程式碼來呈現,讓客戶可以模擬操作,藉此確定系統規格,這對日後的系統驗收也有一定的幫助,Sketch2Code 是由 Microsoft 的 Azure 雲平台和Azure Cloud AI Web 服務支援,結合人工智慧、OCR 等各項技術,將任何的手繪設計稿件轉成 HTML,方便夥伴協同與客戶溝通。

【Sketch2Code 網站資訊】
網站語言:英文
服務性質:免費

如何使用 Sketch2Code 將手繪設計稿轉換成 HTML 程式碼?

1.使用瀏覽器進入 Sketch2Code 網站,可以先使用系統提供的手繪設計稿件操作,看看效果,也可以按[ UPLOAD DESIGN ]上傳自己的稿件( tiff、jpeg、gif、bmp、png、svg、webp、dib...)。
ContentPhoto3234

2.挑好系統所提供的範本,按[ Use this sample ]便可看出其威力。
ContentPhoto3234

3.可以按[ Download your html code ]來取得 HTML 頁面,也可以按[ Predicted object details ]來看其設計稿內容轉物件的詳細內容,便於修正日後手繪稿。
ContentPhoto3234

4.看其轉出的 HTML 語法,如果沒有太大問題,程式設計師只要對樣式做少許的修正,填上物件的相對應程式碼,應該就能運行。
ContentPhoto3234

ContentPhoto3234

標籤: |  | 

延伸閱讀

目前有0則留言
*暱稱:
*電子郵件: (不會公佈)
網址:
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容:

搜尋文章