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

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

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

附註: Visio 2019 和 Visio Online 方案 2都提供網站線框範本。 若要使用行動線框範本, 您必須擁有Visio Online 方案 2的訂閱。

開始使用

網站和行動裝置範本概觀

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

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

  • 行動裝置    選取 [檔案] >>範本>軟體和資料庫>線框-行動裝置 App

注意    網站與行動裝置線框範本與舊版線框圖表範本不同, 後者主要是為桌面應用程式設計的。

線框範本摘要

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

範本與入門圖表

描述

空白線框圖

線框 - 網站

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

媒體線框圖

媒體線框圖

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

公司線框圖

公司線框圖

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

電子商務線框圖

電子商務線框圖

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

空白線框圖

線框 - 行動裝置 App

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

清單線框圖

清單線框圖

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

媒體線框圖

媒體線框圖

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

使用者設定檔線框圖

使用者設定檔線框圖

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

附註:  本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 告訴我們這項資訊是否有幫助? 這裡是供您參考的英文文章

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×