使用新版使用者介面

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

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

啟用後，新版使用者介面預先發布版功能會導入下列設定和更新：

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

新式圖表

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

下圖比較了新版和傳統版圖表主題。

支援的圖表類型

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

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

新版和傳統版圖表主題的差異

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

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

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

現代色彩系列

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

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

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

啟用新版圖表主題 (管理員專用)

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

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

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

為個別圖表選擇主題

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

使用者權限

如要使用新式主題製作及儲存圖表，您必須具備下列 Looker 權限：

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

圖表設定

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

表格圖

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

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

其他圖表

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

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

資訊主頁圖塊

  1. 將資訊主頁設為編輯模式。
  2. 開啟動態磚的「編輯動態磚」視窗。
  3. 在「圖表」分頁中，按一下「編輯」開啟編輯選單。
  4. 前往編輯選單的「情節」分頁。
  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 預先建立的傳統資訊主頁樣式。使用「資訊主頁樣式」設定，為資訊主頁選取「現代」或「傳統」樣式。

使用新版資訊主頁樣式時，資訊主頁中的圖表不會自動更新為新版視覺化主題。如要在資訊主頁動態磚中使用「新式」視覺化主題，您必須進入資訊主頁的編輯模式，並編輯每個動態磚，這些動態磚必須使用支援的圖表類型，才能使用「新式」視覺化主題。

下圖顯示使用「新式」資訊主頁樣式的範例資訊主頁，以及使用「新式」視覺化主題的圖塊。

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

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

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

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

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

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

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

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

設定個別資訊主頁的樣式

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

使用者權限

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

「資訊主頁樣式」設定

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

使用者定義資訊主頁

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

LookML 資訊主頁

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

嵌入式資訊主頁

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

後續步驟：