瀏覽列的指導方針 (Windows 市集應用程式)

使用 Windows 市集應用程式的瀏覽列時,請遵循這些指導方針。 瀏覽列是顯示在應用程式頂端的應用程式列,它包含瀏覽控制項。瀏覽列非常適合用來在多個內容之間切換,包括索引標籤、文件、傳訊和遊戲工作階段。

使用瀏覽列的時機

您可以將瀏覽控制項放置在應用程式的主畫布上或瀏覽列中,而且選擇適當的介面,是決定應用程式好用或是不好用的關鍵。 想要依需要提供全域存取應用程式所有區域時,瀏覽列是最理想的選擇。當瀏覽主要用來完成工作時,畫布則是最適合的選擇。例如,在相片瀏覽應用程式中 (這種應用程式只用來尋找和檢視相片檔),所有的瀏覽應該透過點選、移動瀏覽或選取內容的方式在畫布上完成,而搜尋方塊應該放置在畫布上以便讓使用者易於尋找檔案。

瀏覽列的結構

當使用者從上邊緣或下邊緣撥動時會顯示瀏覽列。使用的動畫與應用程式列動畫相同,因為瀏覽列位於頂端應用程式列內。瀏覽列的預設外觀是一個簡單的按鈕,但是您可以設定其中項目的樣式。不過,其他典型的視覺處理是使用按鈕和縮圖。

包含按鈕和縮圖的瀏覽列的影像

您也可以選擇使用頂端應用程式列加入其他功能,例如新增 ‘+’ 按鈕來建立新的索引標籤、工作階段或整合搜尋方塊。將這個額外的功能放在瀏覽列的右側。

您也可以將瀏覽列畫分為多個區域,就像市集應用程式的做法一樣。您會在這裡看到上方區段用於全域瀏覽,而下方區段用於應用程式類別。

市集應用程式瀏覽列的影像

該做和禁止

該做
  • 把瀏覽和命令分開。理想的做法是將瀏覽放在頂端瀏覽列,而命令則放在底部應用程式列。
  • 設定瀏覽按鈕的樣式,針對它的內容最佳化。例如:使用較大的矩形按鈕來展示縮圖。
  • 將瀏覽列上的命令和控制項群組為有意義的不同區段。例如:在市集應用程式上,上方區段用於全域瀏覽,而下方區段則用於應用程式類別。
  • 使用瀏覽分割按鈕組織第一層和第二層瀏覽命令。
  • 針對較小的視窗大小變更為垂直配置。
禁止
  • 不要隱藏瀏覽列中對您的核心案例非常重要的 UI。 而是將它放置在應用程式畫布上。例如:如果搜尋對您的核心案例很重要,請將搜尋方塊放置在畫布上,而不是放置在瀏覽列或應用程式列中。
  • 在瀏覽列中不要加入 [上一頁] 按鈕。

 

相關主題

適用於設計者
命令設計
瀏覽設計
適用於開發人員 (使用 JavaScript 的 Windows 市集應用程式)
快速入門:新增瀏覽列 (NavBar)
設計無障礙應用程式列
適用於開發人員 (使用 C++、C# 或 Visual Basic 的 Windows 市集應用程式)
快速入門:在頁面之間瀏覽
適用於開發人員 (使用 DirectX 搭配 C++ 的 Windows 市集應用程式)
建立應用程式列或設定

 

 

顯示:
© 2014 Microsoft