使用 Visio 線框,將應用程式構想付諸實現。 線框是應用程式使用者介面的一種詳細視覺模型,作用類似功能和內容藍圖。 這些網站和行動裝置線框範本很適合用來草擬低逼真的設計稿,以呈現設計構想、達成團隊共識,並為高逼真線框打下基礎。
附註: 這些線框範本可在傳統型應用程式中使用Visio 方案 2和 Visio 2019。 它們不適用於瀏覽器版本的 Visio。
開始使用
若要找出網站和行動裝置線框範本:
-
網站 選取 [檔案 > 新 > 範本 > 軟體與資料庫 > 線框 - 網站
-
行動裝置 選取 [檔案 > 新 > 範本 > 軟體與資料庫 > 線框 - 行動裝置 App
附註 網站和行動裝置線框範本與舊版線框圖範本不同,後者主要專為傳統型應用程序設計。
線框範本摘要
您可以為每個範本選擇入門圖表,以快速開始或取得空白繪圖。 每個範本有五種樣板 (容器、控制項、媒體、文字和瀏覽),其中各有多個圖案。 容器提供預先建立的圖案群組,以代表不同的對話方塊和卡片,協助您更快建立線框圖。 線框樣板也具有範圍滑桿或進度列等智慧圖案,您可以使用控點,及以滑鼠右鍵按一下功能表來修改狀態、數值或視覺樣式,藉此進行自訂。 這些範本屬於一般範本,適用於不同的瀏覽器和行動裝置。
範本與入門圖表 |
描述 |
|
---|---|---|
|
線框 - 網站 |
可建立網站基本內容版面的空白範本,其中包括介面和瀏覽,以及這些項目搭配運作的方式。 |
|
媒體線框圖 |
擁有許多文字與媒體的網站所適用的入門圖表。 |
|
公司線框圖 |
產品登陸頁面的網站所適用的入門圖表。 |
|
電子商務線框圖 |
電子商務網站的入門圖表。 |
|
線框 - 行動裝置 App |
可建立行動裝置 App 基本內容版面的空白範本,其中包括介面和瀏覽,以及這些項目搭配運作的方式。 |
|
清單線框圖 |
代表清單項目的行動裝置 App 所適用的入門圖表。 |
|
媒體線框圖 |
擁有許多文字與媒體的行動裝置 App 所適用的入門圖表。 |
|
使用者設定檔線框圖 |
代表使用者設定檔畫面的行動裝置 App 所適用的入門圖表。 |