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

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

網站和行動裝置範本概觀

附註: 您必須有 Office 365 訂閱才能使用此功能。如果您是 Office 365 訂閱者,請確定您有最新版的 Office。如果您是管理 Office 365 更新程序的 IT 專業人員,請參閱通道版本頁面,了解每個通道提供哪些更新。

Office 測試人員

若要使用 Visio Pro for Office 365 中的新網站和行動裝置線框範本,您必須具備 Office 測試人員身分   

測試人員是指可搶先使用每月新功能並協助 Office 小組評估這些功能的 Office 365 訂閱者。成為測試人員

快速入門

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

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

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

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

線框範本摘要

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

範本與入門圖表

描述

空白線框圖

線框 - 網站

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

媒體線框圖

媒體線框圖

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

公司線框圖

公司線框圖

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

電子商務線框圖

電子商務線框圖

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

空白線框圖

線框 - 行動裝置 App

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

清單線框圖

清單線框圖

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

媒體線框圖

媒體線框圖

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

使用者設定檔線框圖

使用者設定檔線框圖

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×