

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

# 將您的自訂品牌新增至 Amazon WorkSpaces 應用程式
<a name="branding"></a>

若要在使用者串流應用程式時為他們建立熟悉的體驗，您可以使用自己的品牌影像、文字和網站連結來自訂 WorkSpaces 應用程式的外觀，並且您可以從多種調色盤中選擇一種。當您自訂 WorkSpaces 應用程式時，您的品牌會在應用程式串流工作階段期間顯示給使用者，而不是預設的 WorkSpaces 應用程式品牌。

**Topics**
+ [Amazon WorkSpaces 應用程式的自訂品牌選項](branding-options.md)
+ [將自訂品牌新增至 Amazon WorkSpaces 應用程式](branding-add-custom-branding.md)
+ [在 Amazon WorkSpaces 應用程式中指定自訂重新導向 URL 和意見回饋 URL](branding-specifying-feedback-URL.md)
+ [在 Amazon WorkSpaces 應用程式中預覽您的自訂品牌變更](branding-previewing-changes.md)
+ [Amazon WorkSpaces 應用程式中的色彩主題調色盤](branding-color-themes.md)

# Amazon WorkSpaces 應用程式的自訂品牌選項
<a name="branding-options"></a>

您可以使用以下品牌選項，自訂串流應用程式目錄頁面的外觀。

**注意**  
自訂品牌不適用於使用者集區登入入口網站或 WorkSpaces 應用程式傳送給使用者集區使用者的電子郵件通知。


| 品牌元素 | Description | 要求和建議 | 
| --- | --- | --- | 
| 組織標誌 | 可讓您顯示使用者熟悉的影像。影像會出現在串流應用程式目錄頁面的 標頭中，使用者登入 WorkSpaces 應用程式後就會看到該影像。  | 檔案類型：.png、.jpg、.jpeg 或 .gif 最大維度：1000 像素 x 500 像素 檔案大小上限：300 KB  | 
| 組織的網站連結 |  可讓您向使用者顯示有用的資源連結，例如組織的 IT 支援和產品行銷網站。此連結會顯示在串流應用程式目錄頁面的頁尾。  | 連結數上限：3 格式 (URL)：https://example.com 或 http://example.com  最大長度 (顯示名稱)：100 個字母、空格和數字 允許的特殊字元 (顯示名稱)：@ . / \$1 & \$1 \$1  | 
| 彩色佈景主題 | 套用至網站連結、文字和按鈕。您也可以將這些顏色套用為串流應用程式目錄頁面背景的輔色。  | 可供選擇的預先定義佈景主題：4 如需每個彩色佈景主題的資訊，請參閱本主題稍後的[Amazon WorkSpaces 應用程式中的色彩主題調色盤](branding-color-themes.md)。  | 
| 頁面標題 |  在使用者的應用程式串流工作階段期間，於瀏覽器標籤頂端顯示。  | 最大長度：200 個字母、空格和數字。 允許的特殊字元：@ . / \$1 & \$1 \$1  | 
| 網頁圖示 | 可讓使用者在充滿標籤或書籤的瀏覽器中，識別他們的應用程式串流網站。在使用者的串流工作階段期間，網頁圖示會顯示在應用程式串流網站的瀏覽器標籤頂端。  | 檔案類型：.png、.jpg、.jpeg、.gif 或 .ico 最大維度：128 像素 x 128 像素 檔案大小上限：50 KB  | 
| 重新導向 URL | 可讓您指定在使用者結束串流工作階段時要將其重新導向的 URL。 |  格式：https://example.com 或 http://example.com  當您建立或編輯堆疊時，可以在堆疊的 **Details (詳細資訊)** 頁面 (而不是在 **Branding (品牌)** 頁面) 中設定此 URL。  | 
| 意見回饋 URL | 可讓您指定傳送意見回饋連結的 URL，以便您的使用者向組織提交意見回饋。如果您未指定 URL，就不會顯示 Send Feedback (傳送意見回饋) 連結。您的使用者仍然可以透過選取提供提交的新入口網站意見回饋來提交新的入口網站意見回饋 AWS。 |  格式：https://example.com 或 http://example.com  當您建立或編輯堆疊時，可以在堆疊的 **Details (詳細資訊)** 頁面 (而不是在 **Branding (品牌)** 頁面) 中設定此 URL。  | 

# 將自訂品牌新增至 Amazon WorkSpaces 應用程式
<a name="branding-add-custom-branding"></a>

若要使用組織品牌自訂 WorkSpaces 應用程式，請使用 WorkSpaces 應用程式主控台選取要自訂的堆疊，然後新增您的品牌。

如果您想要從 Amazon S3 儲存貯體中選擇組織標誌或 favicon，請確定您的 Amazon S3 儲存貯體內容未使用您管理的金鑰 （客戶受管金鑰） 加密。組織標誌和 favicon 不支援設定為搭配客戶提供加密金鑰 (SSE-C) 使用伺服器端加密的 Amazon S3 儲存貯體。如果您需要對 Amazon S3 物件進行靜態加密，則使用 Amazon S3-managed加密金鑰 (SSE-S3) 的伺服器端加密是組織標誌和 favicon 的選項。

**將自訂品牌新增至 WorkSpaces 應用程式**

1. 在 https：//[https://console.aws.amazon.com/appstream2/home](https://console.aws.amazon.com/appstream2/home) 開啟 WorkSpaces 應用程式主控台。

1. 在左側窗格中，選擇 **Stacks (堆疊)**。

1. 在堆疊清單中，選取要使用您的品牌自訂的堆疊。

1. 選擇 **Branding (品牌)**、**Custom (自訂)**。

1. 在**應用程式目錄頁面**中，自訂串流應用程式目錄頁面在使用者登入 WorkSpaces 應用程式之後的顯示方式。

   1. 針對 **Organization logo (組織標誌)**，執行下列其中一項動作：
      + 輸入代表組織標誌的 Amazon S3 URI，或選擇**瀏覽 S3** 以導覽至您的 Amazon S3 儲存貯體並尋找組織標誌。
      + 如果您已上傳組織標誌並想要檢視，請選擇**檢視**。您可以輸入代表組織標誌的另一個 Amazon S3 URI 來變更它，或選擇**瀏覽 S3** 來尋找另一個組織標誌。

   1. 針對 **Organization website links (組織的網站連結)**，指定最多三個要顯示在頁面頁尾的網站連結。針對每個連結，選擇 **Add Link (增加連結)** 按鈕，然後輸入顯示名稱和 URL。若要新增更多連結，請針對要新增的每個連結重複以下步驟。若要移除連結，請選擇連結 URL 下方的 **Remove (移除)** 按鈕。

   1. 針對 **Color theme (彩色佈景主題)**，選擇要用於網站連結、內文文字和按鈕的顏色，以及頁面背景輔色的顏色。如需每個彩色佈景主題的資訊，請參閱本主題稍後的[Amazon WorkSpaces 應用程式中的色彩主題調色盤](branding-color-themes.md)。

1. 針對 **Browser tab (瀏覽器標籤)**，自訂要在串流工作階段期間於瀏覽器標籤頂端向使用者顯示的頁面標題和圖示。

   1. 針對 **Page title (頁面標題)**，輸入要於瀏覽器標籤頂端顯示的標題。

   1. 針對 **Favicon (網頁圖示)**，執行下列其中一項動作：
      + 輸入代表 favicon 的 Amazon S3 URI，或選擇**瀏覽 S3** 以導覽至 Amazon S3 儲存貯體並尋找 favicon。
      + 如果您已上傳 favicon 並想要檢視，**請選擇檢視**。或者，您可以輸入代表 favicon 的另一個 Amazon S3 URI 來變更它，或選擇**瀏覽 S3** 來尋找另一個 favicon。

1. 執行下列任何一項：
   + 若要套用品牌變更，請選擇 **Save (儲存)**。當使用者連線到堆疊啟動的新串流工作階段時，就會顯示您的品牌變更。
**注意**  
WorkSpaces 應用程式會保留您儲存的自訂品牌變更。如果您儲存自訂品牌變更，但選擇還原 WorkSpaces 應用程式預設品牌，則會儲存自訂品牌變更以供日後使用。如果您還原 WorkSpaces 應用程式預設品牌，並在稍後決定重新套用自訂品牌，請選擇**自訂**、**儲存**。在這種情況下，系統會向使用者顯示最近儲存的自訂品牌。
   + 若要捨棄品牌變更，請選擇 **Cancel (取消)**。出現確認選擇的提示時，請選擇 **Confirm (確認)**。如果您取消變更，系統會向使用者顯示最近儲存的品牌。

# 在 Amazon WorkSpaces 應用程式中指定自訂重新導向 URL 和意見回饋 URL
<a name="branding-specifying-feedback-URL"></a>

您可以指定要在使用者結束串流工作階段時將其重新導向的 URL，以及使用者可以提交意見回饋的 URL。根據預設，WorkSpaces 應用程式會顯示**傳送意見回饋**連結，讓使用者能夠將 AWS 有關應用程式串流工作階段品質的意見回饋提交給 。若要讓使用者提交意見回饋到您指定的網站，您可以提供自訂的意見回饋 URL。當您建立新堆疊或編輯現有堆疊的詳細資訊時，可以指定重新導向 URL 和意見回饋 URL。如需詳細資訊，請參閱[在 Amazon WorkSpaces 應用程式中建立堆疊](set-up-stacks-fleets-install.md)。

# 在 Amazon WorkSpaces 應用程式中預覽您的自訂品牌變更
<a name="branding-previewing-changes"></a>

在將品牌變更套用到生產環境之前，您可以先將品牌變更套用到測試堆疊，然後建立測試堆疊的串流 URL，以預覽使用者會看到的品牌變更。驗證品牌變更後，您即可將它們部署到您的生產堆疊。如需詳細資訊，請參閱《Amazon WorkSpaces 應用程式入門》[步驟 2：將存取權提供給使用者](getting-started.md#getting-started-access)中的 。 * Amazon WorkSpaces * 

# Amazon WorkSpaces 應用程式中的色彩主題調色盤
<a name="branding-color-themes"></a>

當您選擇彩色佈景主題時，該佈景主題的顏色會套用到您串流應用程式目錄頁面的網站連結、文字和按鈕。您也可以將顏色套用為串流應用程式目錄頁面背景的輔色。彩色佈景主題調色盤中的每個顏色也會標註十六進位值。

**Topics**
+ [紅色](#color-theme-red)
+ [淺藍色](#color-theme-lightblue)
+ [Blue](#color-theme-blue)
+ [粉紅色](#color-theme-pink)

## 紅色
<a name="color-theme-red"></a>

當您選取紅色佈景主題時，會套用以下顏色。

![\[red icon (#d51900)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-d51900.png)    **紅色 (\$1d51900)** – 用於按鈕和網站連結。

![\[white icon (#faf9f7)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-faf9f7.png)    **白色 (\$1faf9f7)** – 做為背景輔色。

![\[dark grey icon (#404040)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-404040.png)    **深灰色 (\$1404040)** – 用於內文文字和進度環。

當您選擇紅色佈景主題時，您串流應用程式目錄頁面的網站連結、內文文字和背景輔色會顯示如下。

![\[套用到應用程式目錄頁面的紅色佈景主題\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/Red-AppCatalogPage2.png)


## 淺藍色
<a name="color-theme-lightblue"></a>

當您選取淺藍色佈景主題時，會套用以下顏色：

![\[light blue icon (#1d83c2)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-1D83C2.png)    **淺藍色 (\$11d83c2)** – 用於按鈕和網站連結。

![\[white icon (#f6f6f6)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/colore-theme-f6f6f6.png)    **白色 (\$1f6f6f6)** – 做為背景輔色。

![\[dark grey icon (#333333)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-333333.png)    **深灰色 (\$1333333)** – 用於內文文字和進度環。

當您選擇淺藍色佈景主題時，您串流應用程式目錄頁面的網站連結、內文文字和背景輔色會顯示如下。

![\[套用到應用程式目錄頁面的淺藍色佈景主題\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/LightBlue-AppCatalogPage2.png)


## Blue
<a name="color-theme-blue"></a>

當您選取藍色佈景主題時，會套用以下顏色：

![\[blue icon (#0070ba)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-0070ba.png)    **藍色 (\$10070ba)** – 用於網站連結。

![\[white icon (#ffffff)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-ffffff.png)    **白色 (\$1ffffff)** – 做為背景輔色。

![\[light green icon (#8ac53e)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-8ac53e.png)    **淺綠色 (\$18ac53e)** – 用於按鈕。

![\[grey icon (#666666)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-666666.png)    **灰色 (\$1666666)** – 用於內文文字和進度環。

當您選擇藍色佈景主題時，您串流應用程式目錄頁面的網站連結、內文文字和背景輔色會顯示如下。

![\[套用到應用程式目錄頁面的藍色佈景主題\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/Blue-AppCatalogPage2.png)


## 粉紅色
<a name="color-theme-pink"></a>

當您選取粉紅色佈景主題時，會套用以下顏色：

![\[pink icon (#ec0069)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-ec0069.png)    **粉紅色 (\$1ec0069)** – 用於網站連結。

![\[white icon (#ffffff)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-ffffff.png)    **白色 (\$1ffffff)** – 做為背景輔色。

![\[blue icon (#3159a2)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-3159A2.png)    **藍色 (\$13159a2)** – 用於按鈕。

![\[dark grey icon (#333333)\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/color-theme-333333.png)    **深灰色 (\$1333333)** – 用於內文文字和進度環。

當您選擇粉紅色佈景主題時，您串流應用程式目錄頁面的網站連結、內文文字和背景輔色會顯示如下。

![\[套用到應用程式目錄頁面的粉紅色佈景主題\]](http://docs.aws.amazon.com/zh_tw/appstream2/latest/developerguide/images/Pink-AppCatalogPage.png)
