Windows 執行階段應用程式的指導方針

Applies to Windows and Windows Phone

利用這份索引可以快速找到協助您設計出色 Windows 市集應用程式的指導方針。 如果您還沒有準備好,請先閱讀認識 Windows 市集應用程式以及定義遠景

如需 UI 設計與實作的教學課程,請參閱 Windows 市集應用程式 UI,從開始到完成 (JavaScript 與 HTMLC#/C++/VB 與 XAML)。

按一下以下載包含所有 UX 指導方針的可攜式文件格式 (PDF) 檔案。

按一下以下載指導方針

本文內容

動畫

有意義且精心設計的動畫會讓應用程式更有生氣和活力。使用視覺轉換,將經驗緊密結合並幫助使用者了解內容變更。

 

協定和常用鍵

天氣應用程式與搜尋窗格

協定可將 Windows 市集應用程式相互繫結在一起,也可以繫結至系統 UI。兩個實作相同協定的應用程式可以一起作業以完成大型或複雜的案例。 有些協定 (例如分享協定) 是透過常用鍵來呈現。此外,搜尋、裝置及設定常用鍵可為一般工作提供一致的功能表。

請參閱應用程式協定的完整清單。

 

控制項

含控制項的視訊播放應用程式

設計可展示其內容的應用程式 UI。只將最重要的元素留在畫面中,避免使用者分心,讓使用者可以專注在內容上。按照以下指導方針有助於創造一致、美觀以及令人稱許的體驗。

 

檔案、資料及連線

用來從桌面上的資料夾中開啟檔案的檔案選擇器存取應用程式中的存取、資料夾、檔案及資料。若要允許使用者從帳戶或雲端服務 (例如 Microsoft OneDrive) 存取資料,您可以為他們提供登入經驗。在應用程式包括應用程式資料漫遊,在裝置間提供順暢的經驗。

 

全球化和當地語系化

磚上的雙向 UI

設計您的應用程式時請記住,全球使用者都在使用 Windows。將您程式碼中的字串與影像等資源做區分,有助於輕鬆進行當地語系化。

 

說明及指示

在 Cut the Rope 應用程式將糖果拿給 Om Nom 的指示

針對使用者提供說明或疑難排解,以及教導他們以您的應用程式有效地進行互動。

 

啟動、暫停和繼續

連絡人應用程式的啟動顯示畫面

使用自訂的啟動顯示畫面建立邀請啟動經驗。同時,將您的應用程式設計成在使用者跳出時會暫停,以及使用者返回時應用程式會繼續執行。

 

配置和縮放

應用程式的格線配置

設計應用程式的配置,以讓瀏覽更輕鬆,以及為所有 UI 元素選擇最適當的位置。為使用者的每個尺寸規格和檢視選項建立最佳的經驗。

 

文字與輸入

Segoe UI

正確使用字型大小、粗細、色彩、字距、間距及文字方塊控制項,有助於讓 Windows 市集應用程式有清楚和整齊的外觀,使用起來更為容易。

 

磚和通知

[開始] 畫面上的磚

磚是進入您應用程式的前門。磚位於 [開始] 畫面,是應用程式的延伸,比傳統圖示提供更多個人化且吸引人的資訊。請建立出色的磚,讓您的應用程式吸引更多使用者。利用動態磚及通知提供最新內容,協助使用者有和應用程式連結的感覺。

 

使用者互動

Windows 市集應用程式觸控互動

設計讓使用者操控自如的互動方式,並利用畫面或裝置邊緣,幫助使用者自信地尋找命令。

 

相關主題

Windows 市集應用程式 UI,從開始到完成 (HTML)
Windows 市集應用程式 UI,從開始到完成 (XAML)

 

 

顯示:
© 2014 Microsoft