使用新版使用者介面

您可以使用新穎的視覺化主題和資訊主頁樣式，製作簡潔專業的圖表，以及資料密度更高的精簡資訊主頁。新版樣式採用更新的字體排版、有意的顏色階層和自適應版面配置，可提高資料可讀性，並提供一致的檢視和編輯體驗。

如要使用這些樣式選項，管理員必須在管理面板的「預先發布版」頁面上，啟用「新版使用者介面」預先發布版功能。這項預先發布功能支援所有 Looker 部署類型，包括 Looker (原始版本) 和 Looker (Google Cloud Core)。

啟用後，「新版使用者介面」預覽功能會導入下列設定和更新：

  • 新式圖表：使用者可以透過 Looker 圖表的「圖表主題」設定，為 Looker 圖表選取新的新式圖表主題。
  • 新式資訊主頁：使用者可以透過資訊主頁的「資訊主頁樣式」設定，為 Looker 資訊主頁選擇新式樣式。

新式圖表

啟用「現代使用者介面」搶先版功能後，您可以使用「視覺化主題」設定，為 Looker 圖表選取「現代」或「傳統」視覺化主題。選擇「現代」視覺化主題，有助於建立簡潔、易讀且專業的圖表，呈現清晰的現代風格。

下圖比較了新版和舊版視覺化主題。

支援的圖表類型

在預先發布版推出期間，新版視覺化主題支援 Looker 最熱門的內建圖表類型：

現代視覺化主題不支援所有其他圖表類型，例如盒鬚圖、漏斗圖、地圖、散布圖、表格 (舊版)、時間軸和瀑布圖。如果 Look 或探索使用不支援的圖表類型，編輯選單中就不會顯示「視覺化主題」設定。

新版和舊版視覺化主題的差異

「現代」視覺化主題旨在最佳化圖表版面配置、字體排版、顏色和互動行為。

下表說明使用新版主題的視覺化效果與使用傳統樣式的視覺化效果有何不同。

視覺元素 傳統視覺化主題 現代圖表主題
字體排版
  • 所有圖表元素都使用單一統一的字型 (例如 Roboto Regular)。
  • 圖表中的所有文字 (包括標題和值) 都會採用相同的深色。
  • 為配合空間，座標軸上的標籤經常會以對角線旋轉或顯示省略符號 (...)。
  • Google Sans：套用至標題、頁首和圖例，並刻意使用粗細和顏色漸層，呈現清楚的階層。
  • Google Sans Text：適用於較小的標籤和軸，方便閱讀。
  • 等寬值：圖表軸上的數字會使用等寬字型，以維持整齊的垂直對齊方式。
  • 自動調整比例：標籤會動態調整大小，並盡可能避免對角或垂直旋轉。
預設顏色
  • 新圖表預設會使用「海岸線」顏色集合。
  • 如果預設圖表顏色管理員設定設為預設以外的顏色集合 (也就是設為 Shoreline 以外的顏色集合)，則新圖表會採用該設定，而非 Shoreline 顏色集合。
  • 選取「傳統」圖表主題時，無法使用「新版」顏色集合。
  • 新圖表預設會使用現代色彩集合。
  • 如果預設圖表顏色管理員設定設為預設以外的顏色集合 (也就是設為 Shoreline 以外的顏色集合)，新圖表就會採用該設定，而非 Modern 顏色集合。
  • 根據查詢的資料，自動解決並套用最佳調色盤類型 (類別、循序或發散)。
笛卡兒圖表 (長條、直條、折線、面積)
  • 格線和軸線非常顯眼 (深灰色)。
  • 資料欄和長條會以銳利的 90 度角呈現。
  • 格線和軸線會以較淺的柔和色彩顯示，讓使用者專注於資料。
  • 資料欄和長條會以圓角外緣 (4 像素的圓角半徑) 呈現。
  • 擴大欄和長條間距，確保區隔之間有明顯間隔。
圓餅圖和圓環圖
  • 切片會以尖角算繪，並緊密貼合。
  • 切片功能的外緣為圓角，且切片之間有細微間距。
  • 圖例標籤會並排顯示值、百分比或兩者。
單一值圖表
  • 標準化間距，可能會以非預期的方式縮放。
  • 充足的邊框間距和調整後的行高，確保標題、值和比較標籤之間有適當間隔，方便掃描。
互動和工具提示
  • 基本懸停動作，沒有動態移動。
  • 工具提示的尖角和標準灰色背景。
  • 將指標懸停在圓餅圖切片上或選取切片，切片就會稍微放大 (「膨脹」) 並從圖表中分離。
  • 將指標懸停在折線圖上時，該特定線條會稍微加粗，其他線條則會變暗。
  • 工具提示採用圓角、經過調整的間距，以及高對比的深色背景。支援觸控螢幕和行動裝置。
  • 資訊主頁的交叉篩選邏輯和向下鑽取行為維持不變。

現代色彩系列

如果啟用新版使用者介面預覽功能，您會看到「新版」顏色集合，可做為「預設視覺化顏色」設定的選項。即使您未選取這項設定的「新版」顏色集合，如果為圖表選取「新版」圖表主題，系統預設會使用「新版」顏色集合。

開發「現代」色彩系列時，我們秉持以下目標：

  • 確保圖表元素與背景之間有足夠的對比度，方便使用者查看及存取。
  • 使用可區分的顏色序列 (具有明顯的視覺對比)，方便色覺辨認障礙者辨識。
  • 降低調色盤的色彩強度，避免分心並專注於資料。

啟用新版視覺化主題 (管理員專用)

如要在執行個體上使用新版資料圖表主題，Looker 管理員必須在管理面板的「預先發布」頁面上，啟用「新版使用者介面」預先發布功能。預覽功能預設為停用。

啟用「現代使用者介面」功能後，系統會將「現代」主題設為新查詢圖表的預設主題。不過，在啟用新版使用者介面功能前建立的圖表，不會自動採用新版主題。

如要將「新版」主題的顏色集合設為 Looker 中所有新圖表的預設調色盤，包括不支援圖表主題的圖表，請啟用「新版使用者介面」搶先體驗功能，然後在「管理」面板的「設定」頁面中，選取「預設圖表顏色」設定。這項設定只會啟用調色盤，不會啟用新版主題的其他功能。啟用「新版使用者介面」功能後，如要讓所有圖表類型的新版視覺化效果使用相同的預設視覺化顏色，請為這項設定選取「新版」。

為個別圖表選擇主題

如要設定圖表的視覺化主題，您必須具備適當的權限，並使用圖表設定。

使用者權限

如要使用及儲存採用新版視覺化主題的視覺化圖表，您必須具備下列 Looker 權限：

  • 在探索中設定新式樣式：使用者必須具備相關模型的 explore 權限。
  • 如要將新式視覺化樣式儲存至個別 Look，使用者必須具備 explore、save_content 和 save_looks 權限。使用者也必須擁有任何要編輯的 Look 的「管理存取權、編輯」存取層級。

圖表設定

啟用「新版使用者介面」功能後，即可按照下列步驟變更視覺化主題：

表格圖

如果是表格圖表，您可以在「表格主題」欄位中選取要套用的視覺化主題。

  1. 如果正在查看 Look，請按一下「編輯」按鈕來編輯 Look。
  2. 在 Look 或探索中，按一下「圖表」分頁標籤中的「編輯」，開啟編輯選單。
  3. 前往編輯選單的「Plot」分頁。
  4. 在「表格主題」下拉式欄位中，選取「新潮」或其他表格主題。圖表會更新為所選主題。
  5. 選取偏好的主題後，您可以將圖表儲存為 Look 或新增至資訊主頁。所選主題會儲存為視覺化效果設定的一部分。

其他圖表

如果是直條圖、長條圖、折線圖、面積圖、圓餅圖、環狀圖、多重圖或單一值圖表，您可以在「視覺化主題」欄位中選取要套用的視覺化主題。

  1. 如果正在查看 Look，請按一下「編輯」按鈕來編輯 Look。
  2. 在 Look 或探索中，按一下「圖表」分頁標籤中的「編輯」，開啟編輯選單。
  3. 前往編輯選單的「Plot」分頁。
  4. 在「圖表主題」下拉式欄位中，選取「現代」或「傳統」。圖表會更新為所選主題。
  5. 選取偏好的主題後，您可以將圖表儲存為 Look 或新增至資訊主頁。所選主題會儲存為視覺化效果設定的一部分。

資訊主頁圖塊

  1. 將資訊主頁設為編輯模式。
  2. 開啟動態磚的「編輯動態磚」視窗。
  3. 在「圖表」分頁中，按一下「編輯」開啟編輯選單。
  4. 前往編輯選單的「Plot」分頁。
  5. 在「圖表主題」下拉式欄位中，選取「現代」或「傳統」。圖表會更新為所選主題。
  6. 選取偏好的主題後，按一下「編輯動態磚」視窗中的「儲存」，然後按一下資訊主頁中的「儲存」，即可儲存變更。

LookML 資訊主頁元素

您可以在支援的圖表類型中，使用LookML 資訊主頁元素的「現代」和「傳統」主題。

如要使用主題，請使用 modern2026 參數，並將其設為「現代」主題的 true 或「傳統」主題的 false。

如要將「現代」顏色集合套用至資訊主頁元素，請使用 collection_id 參數並設為 looker_2026。

自訂樣式保留

將「現代」視覺化主題套用至現有探索或 Look 時，Looker 會更新視覺化的基礎樣式，但不會捨棄自訂設定。您明確儲存的任何自訂格式選項，都會優先於新的主題預設設定。

  • 自訂樣式 (保留)：如果您手動自訂特定格式屬性 (例如輸入自訂色碼、將軸界限調整為特定數字，或手動定義圖表序列名稱)，Looker 會完全保留這些覆寫內容。現代版主題不會覆寫你的自訂選項。
  • 未變更的屬性 (已更新)：您未修改的任何樣式設定 (屬性維持預設狀態)，都會自動升級為新版主題的樣式，例如新字型、柔和的格線和圓角。

舉例來說，如果您使用傳統主題的柱狀圖，並自訂直條顏色來配合公司品牌，切換至現代主題時，系統會保留這些特定品牌顏色。不過，圖表的字型、格線樣式和欄角仍會自動升級為新版樣式。

重設為預設值

如要將含有自訂樣式的視覺化效果完全套用「新版」主題，請將自訂屬性重設為預設狀態：

  1. 在「Look」或資訊主頁中，進入圖表的編輯模式。
  2. 在「編輯」選單中，找出要重設的屬性 (例如自訂顏色選取範圍或字型大小)。
  3. 清除自訂值或選取預設設定，即可移除覆寫值。資源會立即沿用新版主題的預設值。

已知限制

新版主題目前為預先發布版，因此有下列限制：

  • 只有「支援的圖表類型」一節列出的圖表類型，才能使用新版主題。地圖等其他內建 Looker 視覺化圖表，則會使用傳統版主題算繪。
  • 現代視覺化主題僅適用於內建的 Looker 視覺化圖表。透過 Looker 擴充功能架構開發的自訂視覺化效果，或從 Looker Marketplace 安裝的視覺化效果，都不會受到影響。
  • 無法透過 Looker API 或 Embed SDK，以程式輔助方式編輯視覺化主題。

新版資訊主頁

啟用「新版使用者介面」預先發布功能後，新資訊主頁預設會使用新版資訊主頁樣式。使用「新版」資訊主頁樣式建立的資訊主頁，外觀新穎簡潔，並著重於資料密度。或者，您也可以使用 Looker 既有的傳統資訊主頁樣式。使用「資訊主頁樣式」設定，為資訊主頁選取「現代」或「傳統」樣式。

使用新版資訊主頁樣式時，資訊主頁中的圖表不會自動更新為新版視覺化主題。如要在資訊主頁動態磚中使用「新版」視覺化主題，請先進入資訊主頁的編輯模式，然後編輯每個動態磚，將支援的圖表類型套用「新版」視覺化主題。

下圖顯示資訊主頁範例，採用新版資訊主頁樣式，圖塊則使用新版視覺化主題。

如要查看傳統版資訊主頁樣式，請參閱「查看資訊主頁」一文。

新版和舊版資訊主頁樣式的差異

新版資訊主頁樣式旨在提升資料密度，並提供更精確一致的編輯體驗。

下表說明使用新版樣式的資訊主頁與舊版樣式的差異。

元素 傳統資訊主頁樣式 現代風資訊主頁樣式
版面配置和資訊密度
  • 使用標準格線版面配置，圖塊間的間距較寬。
  • 高密度設計：簡潔的介面可減少視覺雜亂，並專注於資料。
Look 圖表與風格
  • 採用舊版 Looker UI 元素和導覽樣式。
  • 現代美學：簡潔的設計，符合 Google 的設計標準。
  • 全新導覽體驗：更新頂端和左側導覽列，提供與全新「探索」體驗一致的體驗。

啟用新版資訊主頁樣式 (管理員專用)

如要在執行個體上使用新版資訊主頁樣式，Looker 管理員必須在管理面板的「預先發布」頁面上，啟用「新版使用者介面」預先發布功能。

啟用新版使用者介面功能前建立的資訊主頁會保留傳統資訊主頁樣式，但可以使用「資訊主頁樣式」設定更新為新版樣式。啟用「新版使用者介面」功能後建立的資訊主頁，預設會採用新版資訊主頁樣式。

為個別資訊主頁設定樣式

如要設定資訊主頁樣式，您必須具備適當的權限，並使用資訊主頁的「設定」選單。

使用者權限

如要使用新版樣式建立及儲存資訊主頁，使用者必須具備 save_dashboards Looker 權限。使用者也必須具備任何要編輯的資訊主頁的「管理存取權、編輯」存取層級。

「資訊主頁樣式」設定

啟用「新式使用者介面」功能後，新資訊主頁預設會採用新式資訊主頁樣式。如要為新資訊主頁或現有資訊主頁設定樣式，請按照下列步驟操作：

使用者定義資訊主頁

  1. 將資訊主頁設為編輯模式。
  2. 開啟資訊主頁的「設定」選單。
  3. 在「設定」選單的「一般」分頁中，使用「資訊主頁樣式」設定，從下拉式選單選項選取「現代」或「傳統」資訊主頁樣式。資訊主頁會隨之更新，顯示所選樣式。
  4. 按一下「設定」選單中的「儲存」。
  5. 按一下資訊主頁上的「儲存」，即可套用所選樣式。

LookML 資訊主頁

如要使用新版資訊主頁樣式，請將 style 資訊主頁參數設為 modern。如要使用傳統資訊主頁樣式，請將 style 資訊主頁參數設為 classic。

嵌入式資訊主頁

對於使用嵌入主題的嵌入資訊主頁，部分新版樣式與非嵌入資訊主頁的樣式不同。如果內嵌主題使用內嵌資訊主頁，建議使用傳統資訊主頁樣式。

後續步驟：