本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# AWS Infrastructure Composer 主控台視覺效果概觀
<a name="reference-visual"></a>

本節提供 AWS Infrastructure Composer 主控台的視覺化概觀。

**Topics**
+ [首頁](#reference-visual-home)
+ [視覺化設計工具與視覺化畫布](#reference-visual-designer)

## 首頁
<a name="reference-visual-home"></a>

下圖是 Infrastructure Composer 主控台的首頁：

![\[Infrastructure Composer 首頁。\]](http://docs.aws.amazon.com/zh_tw/infrastructure-composer/latest/dg/images/aac_ref_01.png)


1. **文件** – 前往 Infrastructure Composer 文件。

1. **Canvas** – 前往畫布並建立或載入專案。

1. **示範** – 開啟 Infrastructure Composer 示範應用程式。

1. **建立專案** – 建立或載入專案。

1. **開始建置** – 快速連結以開始建置應用程式。

1. **意見回饋** – 前往此處提交意見回饋。

## 視覺化設計工具與視覺化畫布
<a name="reference-visual-designer"></a>

下圖是 Infrastructure Composer 的視覺化設計工具與視覺化畫布：

![\[Infrastructure Composer 的視覺化設計工具與視覺化畫布。\]](http://docs.aws.amazon.com/zh_tw/infrastructure-composer/latest/dg/images/aac_ref_02.png)


1. **資源調色盤** – 顯示您可以使用的卡片。

1. **資源搜尋列** – 搜尋可新增至畫布的卡片。

1. **清單** – 顯示應用程式資源的樹狀檢視。

1. **首頁** – 選取此處以前往 Infrastructure Composer 首頁。

1. **儲存狀態** – 指出是否將 Infrastructure Composer 變更儲存到您的本機電腦。狀態包括：
   + **自動儲存** – **本機同步**已啟用，您的專案正在自動同步並儲存。
   + **已儲存變更** – 您的應用程式範本會儲存至本機電腦。
   + **未儲存的變更** – 您的應用程式範本有未儲存到本機電腦的變更。

1. **資源** – 顯示資源調色盤。

1. **Canvas** – 在主檢視區域中顯示應用程式的畫布檢視。

1. **範本** – 在主檢視區域中顯示應用程式的範本檢視。

1. **排列** – 在畫布中排列應用程式架構。

1. **復原和重做** – 支援時執行**復原**和**重做**動作。

1. **範本名稱** – 指出您正在設計的範本名稱。

1. **主檢視區域** – 根據您的選擇顯示畫布或範本。

1. **資源屬性面板** – 顯示已在畫布中選取之卡片的相關屬性。此面板是動態的。顯示的屬性會在您設定卡片時變更。

1. **選單** – 提供一般選項，例如：
   + **建立專案**
   + **開啟範本檔案或專案**
   + **儲存範本檔案**
   + **[啟用本機同步](using-composer-project-local-sync.md)**
   + **[匯出畫布](reference-features-export.md)**
   + **取得支援**
   + **鍵盤快速鍵**

1. **卡片** – 在畫布上顯示卡片的檢視。

1. **Line** – 代表卡片之間的連線。

1. **群組**：針對視覺化組織將選取的卡片分組在一起。

1. **卡片動作** – 提供您可以對卡片採取的動作。

   1. **詳細資訊** – 調用資源屬性面板。

   1. **群組** – 將選取的卡片分組在一起。

   1. **刪除** – 從畫布中刪除卡片。

1. **連接埠** – 連接至其他卡片。

1. **資源屬性欄位** – 為您的卡片設定的精選屬性欄位集。

1. **重新置**中 – 在視覺化畫布上重新置中應用程式圖表。

1. **縮放** – 放大和縮小畫布。

1. **意見回饋** – 前往此處提交意見回饋。