Share via


回應式設計和尺寸規格

市集應用程式適用於家中的桌上型電腦、膝上型電腦、平板電腦和電話。請將您的應用程式設計成能夠順暢地用在這些不同規格的裝置上。您的使用者可以自由使用不同的裝置、切換輸入法、變更螢幕方向或開啟和關閉所有項目,同時您的應用程式也必須隨之移動、變更以及與它們互動。

 

不同尺寸規格上的鬧鐘應用程式

 

應用程式的流動檢視

Windows 可讓使用者掌握主導權。您一定希望您的應用程式 UI 無論在使用者決定使用的任何裝置、使用任何輸入模式、任何方向、任何環境中都能有出色的表現。

當您在設計含有流動檢視的應用程式時,您的應用程式 UI 要順暢地自動重排,以回應使用者的監視器、行動裝置或輸入法的方向變更。Windows 會為您管理這些行為。

方向

橫向的鬧鐘應用程式 橫向   設計橫向檢視,讓您的應用程式在所有尺寸規格上看起來都會有很好的效果。考慮不同的尺寸規格會對橫向檢視產生何種影響。新的裝置類型可能代表對於螢幕實際可用空間的變更。
直向的鬧鐘應用程式 直向   請記住,有些裝置通常採直向使用,還有許多裝置會旋轉。請將直向檢視的內容配置調整到最佳狀態,並盡可能保留功能。從橫向切換到直向,幾乎會將應用程式寬度變更為原本的三分之一,因此,請務必考慮設計以垂直格式顯示時的外觀。

 

多個應用程式的流暢配置:

Windows:設計可彈性調整視窗大小的應用程式。不論使用者如何調整您的應用程式大小,最佳外觀的重點都是針對特定、獨特的檢視定義配置,並使用彈性的控制項,自動排列和分散內容。

已調整大小且在畫面上並排的小算盤應用程式、Bing 天氣應用程式以及 Great British Chefs 應用程式

 

內建圖形化縮放比例

如果使用者可以在多種規格的裝置上使用您的應用程式,是否表示您必須為每一種可能執行 Windows 的螢幕大小設計不同的 UI?但是,有太多不同大小的螢幕了!所以答案是,不需要。內建的縮放比例表示您的應用程式和內容,無論在小型的 7 吋裝置或是大型的 30 吋監視器上,都能呈現最好的效果。 您只需要使用流動配置,並在調整時確定應用程式中的圖形完美呈現即可。

如需詳細資訊,請參閱調整成像素密度的指導方針

2420 像素和 920 像素的相片

 

輸入模式:

Windows:當您設計用於觸控互動的應用程式時,也會一併免費取得手寫筆、滑鼠和鍵盤互動的支援。您的使用者可以任意切換不同的輸入方法,而且都能獲得最佳的應用程式經驗。Tablet PC 可以接上鍵盤嗎?沒問題。您的應用程式會以一致且可預測的方式回應使用者的選擇。

如需詳細資訊,請參閱觸控互動設計回應使用者互動

裝置功能

設計良好的應用程式能夠充分利用執行此應用程式的裝置功能。Windows 8.1 已內建這些裝置功能的支援。

感應器圖示 加速計和其他感應器  現今的裝置都會隨附許多感應器。您的應用程式可以根據周遭環境光量將顯示器變暗或變亮,或在使用者開啟顯示器時重新排列 UI,或是回應任何實體的移動。 深入了解感應器
地理位置圖示 地理位置   使用來自標準網站資料或地理位置感應器的地理位置資訊,協助您的使用者識別並找出他們在地圖上的所在位置,或是尋找鄰近的人物、活動或目的地。深入了解地理位置
相機圖示 相機   讓使用者連到內建或外接的相機,來聊天和進行會議、錄製影音部落格、拍攝設定檔圖片、記錄周遭的一切或是應用程式最拿手的任何活動。
近接圖示 近接   多個使用者可以一起實際點選裝置來互相連線裝置,營造出好像彼此近在身旁的感覺,就如同多人遊戲一樣。深入了解近接手勢

 

規劃應用程式的功能時,需要考量您的應用程式可能會在哪些裝置上執行。哪些是讓您的應用程式順利運作的必要裝置功能?還有哪些是可有可無的裝置功能?您必須在應用程式資訊清單中宣告您的應用程式支援哪些功能,但是您可以在應用程式本身建立選擇性功能的後援。例如,假設有一個旅行地圖應用程式,可讓使用者在地圖上追蹤他們的旅程、標記位置、加入日誌註解、傳送到社交媒體以及在旅途中新增相片或視訊。地理位置是必要的功能,但相機支援會是選擇性的功能。如果該裝置沒有相機,使用者可以在另一個裝置上傳視訊或拍攝的相片。設計良好的應用程式可以包含所有選項。

漫遊資料

如果您的使用者要從公司的桌上型電腦改用家裡的 Tablet PC 呢?檔案、應用程式狀態和應用程式喜好設定都要一起帶回家。他們可以跨不同的電腦和使用者工作階段,直接繼續上次停下的工作。

深入了解漫遊和管理應用程式資料

視窗大小以及調整成螢幕大小的指導方針

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

選擇配置