調整大小為窄格式配置的指導方針

設計您的應用程式 UI，讓它在使用者調整視窗大小為高格式或窄格式檢視時同時調整。本主題中的指導方針適用於下列情況：

如需更多一般建議，請參閱Guidelines for supporting multiple screen sizes。如需設計窄格式配置遊戲的特定指導方針，請參閱遊戲概念書。

如果您希望看到這些指導方針在範例中的實際運用，請參閱：

範例

Windows 市集應用程式的寬度下限預設為 500 像素。以下是寬度為 500 像素的應用程式。

預設寬度下限為 500 像素的應用程式。

以及以下是寬度為 320 像素的應用程式。

窄格式寬度下限為 320 像素的應用程式。

如果您選擇支援窄於 500 像素的寬度下限，應該進行一些設計上的變更，讓應用程式能夠在這種大小正常運作而且可以使用。請遵循可行與禁止事項，以確保應用程式在 500 像素以下的寬度仍能有效運作。

此外，您也可以選擇在應用程式的高度大於其寬度時變更它的設計。例如，當應用程式的高度大於其寬度時，您可以將它設計成垂直移動瀏覽而不是水平移動瀏覽。

以下是全螢幕時，水平移動瀏覽的應用程式。

全螢幕時，水平移動瀏覽的應用程式

以下是高度大於其寬度的應用程式。它現在是垂直移動瀏覽。

高度大於其寬度時，垂直移動瀏覽的應用程式。

是否應該支援窄於預設下限的寬度，取決於您希望使用者如何使用您的應用程式。以下是您應該支援窄格式寬度 (最小到 320 個像素) 的一些常見案例：

如果您保留預設寬度下限為 500 像素，則不必特別考量窄格式寬度的應用程式。

如果應用程式在全螢幕是水平移動瀏覽，則應用程式視窗的高度大於寬度時，要切換為垂直移動瀏覽。
為了適應窄格式大小，當應用程式的寬度小於 500 像素時，請進行下列設計變更：
- 使用較小的 [上一頁] 按鈕樣式。如需 [上一頁] 按鈕大小的詳細資訊，請參閱符號圖示清單。
- 左邊界使用 20 個像素。
- 應用程式標頭使用 20 個點大小。
- 頁面轉換動畫和內容轉換動畫使用較小的位移值。
以下是正常寬度的「小算盤」應用程式：

以下是寬度為 320 像素的相同應用程式。依據窄格式配置建議，現在它的左邊界是 20 像素，標頭字型已縮小為 20pt 大小。
如果應用程式在全螢幕是垂直移動瀏覽，則應用程式的高度大於寬度時，要縮小成顯示單欄或單一窗格。您要決定應用程式切換為單欄或單一窗格時的確實寬度。在單欄或單一窗格檢視中，確定包含讓使用者從一個窗格到另一個窗格的瀏覽。
設計應用程式配置以及所有控制項以縮小到大小下限，並能夠同時在高格式和窄格式應用程式視窗中使用。要考慮的重要控制項包括：
視窗大小變更為窄格式寬度時，不要將使用者瀏覽到應用程式的其他部分。
如果您的應用程式在窄格式大小時無法保留大部分的功能，請不要支援窄於預設下限 (500 像素) 的寬度。