
需求分析是系統開發成敗的關鍵,系統分析師與客戶溝通時,如果可以拿出接近客戶心目中的實際系統操作雛形,相信會比用文字描述來的容易溝通,如果要將溝通時產生的手繪草稿圖利用 HTML 程式碼來呈現,讓客戶可以模擬操作,藉此確定系統規格,這對日後的系統驗收也有一定的幫助,Sketch2Code 是由 Microsoft 的 Azure 雲平台和Azure Cloud AI Web 服務支援,結合人工智慧、OCR 等各項技術,將任何的手繪設計稿件轉成 HTML,方便夥伴協同與客戶溝通。
如何使用 Sketch2Code 將手繪設計稿轉換成 HTML 程式碼?
1.使用瀏覽器進入 Sketch2Code 網站,可以先使用系統提供的手繪設計稿件操作,看看效果,也可以按[ UPLOAD DESIGN ]上傳自己的稿件( tiff、jpeg、gif、bmp、png、svg、webp、dib...)。

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

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

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

