• Microsoft Visio 教程

使用線框圖進行軟體原型設計



線框圖通常由軟體開發人員用來建立軟體使用者介面設計的原型。在軟體部署之前,線框圖有助於視覺化 UI 中各種元素的位置和行為。

開啟線框圖模板

單擊“檔案”選單,然後單擊“新建”。在“模板”部分,單擊“軟體和資料庫”類別,然後向下滾動以選擇“線框圖”模板。

Wireframe Template

它開啟線框圖模板,並且“圖形”窗格列出了軟體 UI 中常用的所有控制元件和按鈕,如下面的螢幕截圖所示。

Toolbars

建立線框圖對話方塊

在以下示例中,我們將為“列印”命令建立一個線框圖對話方塊。單擊“圖形”窗格中的“對話方塊”類別,然後將“對話方塊表單”圖形拖到畫布上。您可以根據需要調整預設圖形的大小。雙擊對話方塊中的標題文字,然後鍵入“列印”。現在我們有了對話方塊的外框。

Wireframe Dialog Box
廣告

© . All rights reserved.