配置

 

"san diego" 的搜尋結果

 

應用程式的配置無論在內容和頁面之間的瀏覽對應用程式的整體設計與外觀都至關重要。配置可以建立階層、組織內容以及反映您的品牌。使用者的應用程式使用經驗取決於頁面與內容的結構。

Windows 中的配置

Windows 配置可說是真正數位化。不但採用數位媒體,還避免使用真實世界的隱喻,這在數位世界往往是不必要,而且容易造成誤導。不受限制可自由發揮的數位配置,能夠為使用者建立功能強大、美觀的應用程式與經驗。

Windows 配置的外觀整齊、一覽無遺,並可以在視覺上減低畫布雜亂的情況。您可以選擇將控制項移至應用程式邊緣的應用程式列。接著將應用程式的主要功能放在畫布上顯眼的位置,改善應用程式的可用性。

根據應用程式的內容,您可能想要建立有大量互動的輕巧組合,或建立有豐富內容與命令等待探索的複雜經驗。例如,閱讀清單應用程式有開放式的簡易配置。仔細思考要在應用程式中顯示的項目和要移到畫布外的項目,以及您的配置選擇會對應用程式的經驗與用法造成何種影響。

 

閱讀清單應用程式

 

Xbox 音樂應用程式使用非傳統的垂直格線與垂直移動瀏覽方式,一口氣顯示各種內容。一直位在底部的應用程式列可確保經常使用的控制項垂手可得,因此當使用者探索應用程式的其他區域時,也能在播放清單間快速移動。

 

正在播放歌曲的 Xbox 音樂應用程式

創新的配置

隨使用者情境變化的音樂應用程式 Songza,使用最簡單的水平配置。因為使用此應用程式的使用者,絕大部分的時間都在聽音樂,而不是到處瀏覽,所以簡潔實為上策。

Songza 應用程式,適合星期五的音樂

 

許多應用程式使用階層式瀏覽系統。中樞或登陸頁面是使用者進入應用程式以及其他內容層級的入口。它會以豐富、移動瀏覽的檢視方式來顯示內容,讓使用者一眼就能夠看到新功能和具有吸引力的項目,然後深入探究您應用程式的內容。Hub 控制項為您提供一個架構,也為您提供自訂應用程式以搭配您品牌的彈性。

階層式瀏覽只是其中一種應用程式配置模型,您的應用程式應該充分利用最適合您品牌的配置與瀏覽模型,為應用程式使用者建立最佳的經驗。組合與配置不受限制,可隨意發揮創意,讓創作者有機會塑造出獨特的風格。

考量應用程式的直向和橫向檢視。判斷用來排列內容的格線最適合垂直或水平格式。使用 Windows 現代化設計語言的應用程式日漸增加,應用程式配置與設計方法也隨之演進,以配合各應用程式的個別需求與品牌。配置是創造應用程式並使其脫穎而出的絕佳選擇。如需 Windows 格線系統的更多詳細資料,請參閱配置應用程式頁面

範例

Facebook

Facebook 使用很多格線配置來組織畫布上的眾多內容與命令,讓使用者立即投入 Facebook 提供的所有服務。

Facebook 應用程式

 

Foursquare

Foursquare 是專為地點與新體驗設計的應用程式。此應用程式的配置使用鮮明的影像來展示每個精選的地點。評分與評論固定在影像下方以建立統一的編排,讓使用者一眼就能評定該地點,並點入以深入了解該地點。

Foursquare 應用程式,您上次打卡的地點與擱置中的好友請求

 

Foursquare 的配置是動態的,可配合應用程式各區域的內容,以最適合的方式自行重組結構。移動瀏覽到應用程式的最左邊可顯示附近熱門地點的地圖。點選某一地點可顯示列有所有使用者打卡與評論的詳細頁面。點選任何一項即可顯示一段建議。

Foursquare 應用程式地圖檢視

 

NOOK

Barnes and Noble 發行的 NOOK 應用程式採用基礎的階層式中樞模型概念,加入許多自訂的元素來建立獨特的 NOOK 品牌經驗。不僅顯示書籍的封面影像,每本書下方的模糊陰影還隱約透露出實際的書籍品質。在此例中,模擬現實物件可大幅提升使用者經驗。

NOOK 應用程式圖書館頁面

Hub 控制項的指導方針

瀏覽模式

配置應用程式頁面

配置您的 UI (Windows 執行階段應用程式)

選擇配置 (使用 JavaScript 和 HTML 的 Windows 市集應用程式)

配置您的 UI (XAML)

圖庫