使用線框範本來設計網站和行動裝置 App

附註: 我們想要以您的語言,用最快的速度為您提供最新的說明內容。 本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 希望您能在本頁底部告訴我們這項資訊是否有幫助。 此為英文文章出處,以供參考。

使用 Visio 線框,將應用程式構想付諸實現。 線框是應用程式使用者介面的一種詳細視覺模型,作用類似功能和內容藍圖。 這些網站和行動裝置線框範本很適合用來草擬低逼真的設計稿,以呈現設計構想、達成團隊共識,並為高逼真線框打下基礎。

您的瀏覽器不支援視訊。 請安裝 Microsoft Silverlight、Adobe Flash Player 或 Internet Explorer 9。

附註: 在 Visio 2019 和 Visio Online 方案 2 可網站線框範本。 若要使用行動裝置線框範本,您必須訂閱Visio Online 方案 2

開始使用

網站和行動裝置範本概觀

若要找出網站和行動裝置線框範本:

  • 網站    選取檔案>>範本>軟體與資料庫>線框-網站

  • 行動裝置    選取檔案>>範本>軟體與資料庫>線框-行動應用程式

注意事項    網站和行動裝置線框範本會有不同而主要設計桌面應用程式的舊版線框圖表範本。

線框範本摘要

您可以為每個範本選擇入門圖表,以快速開始或取得空白繪圖。 每個範本有五種樣板 (容器、控制項、媒體、文字和瀏覽),其中各有多個圖案。 容器提供預先建立的圖案群組,以代表不同的對話方塊和卡片,協助您更快建立線框圖。 線框樣板也具有範圍滑桿或進度列等智慧圖案,您可以使用控點,及以滑鼠右鍵按一下功能表來修改狀態、數值或視覺樣式,藉此進行自訂。 這些範本屬於一般範本,適用於不同的瀏覽器和行動裝置。

範本與入門圖表

描述

空白線框圖

線框 - 網站

可建立網站基本內容版面的空白範本,其中包括介面和瀏覽,以及這些項目搭配運作的方式。

媒體線框圖

媒體線框圖

擁有許多文字與媒體的網站所適用的入門圖表。

公司線框圖

公司線框圖

產品登陸頁面的網站所適用的入門圖表。

電子商務線框圖

電子商務線框圖

電子商務網站的入門圖表。

空白線框圖

線框 - 行動裝置 App

可建立行動裝置 App 基本內容版面的空白範本,其中包括介面和瀏覽,以及這些項目搭配運作的方式。

清單線框圖

清單線框圖

代表清單項目的行動裝置 App 所適用的入門圖表。

媒體線框圖

媒體線框圖

擁有許多文字與媒體的行動裝置 App 所適用的入門圖表。

使用者設定檔線框圖

使用者設定檔線框圖

代表使用者設定檔畫面的行動裝置 App 所適用的入門圖表。

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與我們的其中一個 Office 支援專員連絡以深入了解您的意見。

×