Visual Paradigm是包含設計共享、線框圖和數據庫設計新特性的企業項目設計工具。現在你只需要這樣單獨的一款模型軟件 Visual Paradigm就可以完成用UML設計軟件，用BPMN去執行業務流程分析，用ERD企業設計數據庫的任務。Visual Paradigm年終鉅惠來襲，Visual Paradigm Modeler 訂閱1年只需666元，現在搶購立享優惠！

點擊下載Visual Paradigm最新試用版

一個線框是應用程序，網站或系統的草圖，你要建立。與許多其他屏幕設計或屏幕模擬技術不同，線框以黑白方式創建，帶有簡單的占位符，框和線。線框沒有顯示細節，而是提供了有關最終產品（即應用程序）的外觀，屏幕如何流動以及事物在屏幕上的布局或外觀的大致概念。

什么是Android Wireframe？

Android線框是一種線框，可讓您設計Android移動應用程序。Android線框是您移動應用程序視覺設計的起點。由于線框簡單易懂，因此您可以將其作為業務需求文檔的一部分，以便為客戶提供將要開發的產品的圖片。

我們需要一個例子來說明這些想法。讓我們打開手機，然后打開Google Play商店。您將為Google Play商店創建線框。

制備

為了完成本教程，請確保已下載并安裝了Visual Paradigm。如果您沒有安裝Visual Paradigm。

第一部分-創建Android線框

1.通過從應用程序工具欄中選擇“項目”>“新建”來創建一個新項目。在“新建項目”窗口中，輸入“教程”作為項目名稱，然后單擊“創建空白項目”。

2.從應用程序工具欄中選擇圖>新建。

3.在“新建圖”窗口中，選擇“ Android手機線框”，然后單擊“下一步”。 

4.輸入Google Play商店作為線框名稱（圖），然后單擊確定。這將創建一個空白的Android Phone線框。 

第二部分-繪制Android線框

在本部分中，您將使用Android線框工具繪制Android線框的線框內容。

1.讓我們首先顯示操作欄。右鍵單擊手機頂部，然后從彈出菜單中選擇“操作欄”>“顯示”。

8.圖標旁邊應有一個標題“ Play Store”。為其創建標簽。讓我們嘗試不同的方法，而不是使用圖表工具欄。單擊您剛剛創建的圖像形狀旁邊的一次。這將顯示一個綠色圖標，稱為智能資源。

18.將其尺寸調整為大約屏幕寬度的一半。同樣，您可以通過拖動調整大小處理程序來調整大小。

19.雙擊按鈕并將其重命名為Apps。

20.按鈕的左側應有一個圖標。應用步驟4至7中描述的技術在按鈕內創建圖像。

21.共有六個按鈕。您可以使用“復制”功能從“應用程序”按鈕進行復制，而不必一個接一個地創建它們。單擊應用程序按鈕將其選中。

22.復制資源顯示在選擇下方。按住它并按住鼠標按鈕。將其拖到右側。

23.釋放鼠標按鈕。這將創建一個看起來與源相同的新按鈕。

24.將Apps重命名為Games。

25.讓我們創建其他按鈕。首先選擇兩個按鈕。您可以通過按背景并在目標形狀上拖動來選擇形狀范圍。

26.復制它們以產生兩個新按鈕。

27.重復這些步驟以創建所有六個按鈕。

28.讓我們在按鈕下創建一個“新電影發行”部分。在按鈕下添加標簽。雙擊并將其標題設置為“新電影發行”。

29.讓我們放大文本。單擊以選中標簽。單擊字體大小資源，然后在滑塊上拖動以增加字體大小。

30.在右側添加“查看更多”按鈕。調整大小以使其更小。

31.本節應包含三個“推薦選擇”列。讓我們創建第一個項目。為列創建面板。再次，從圖工具欄中選擇“面板”，然后單擊線框以創建它。

32.面板的上部應為預覽圖像。在其中添加圖像形狀。

33.在圖片下方，應有商品名稱以及簡短說明。用兩個標簽表示。

34.在右側，應該有一個溢出圖標和價格信息。用圖像形狀和標簽表示。

35.利用“復制”功能創建另外兩個面板。

37.釋放鼠標按鈕，并將“新電影發行”重命名為“推薦給您”。

38.此部分下僅應有兩列。因此，讓我們刪除第三個面板，然后調整其余兩個面板的大小，使其看起來像： 

這就是繪制線框的全部。您的最終結果應如下所示：

第三部分-將Android Wireframe導出到圖像文件

1. 從主菜單中選擇文件>導出>活動圖作為圖像...。
2. 在“保存”窗口中，調整保存選項，例如文件類型和輸出質量。
3. 點擊保存。現在，您將獲得出色的Android線框的圖像文件！:-)