讓你的應用在Windows 11上表現出色
https://docs.microsoft.com/zh-cn/windows/apps/get-started/make-apps-great-for-windows
Windows 11標志着Windows操作系統的視覺演變。隨着Windows的進步,客戶也會為應用體驗形成更高的期待。我們發現這些客戶期望主要體現在兩個方面:應用基礎和用戶體驗。
- 應用基礎-在低成本、高移動設備外形因素、無麻煩的應用生命周期和狀態凍結/漫游方面性能良好。
- 用戶體驗-能夠自然地使用一系列完整的輸入、設計和交互模式,這些輸入、設計和交互模式在當前和未來設備上的外觀,並支持新式開窗工作流和shell集成點。
隨着全新的視覺對象信號更改、共同展示Windows和Microsoft優勢的簽名體驗以及具有更多應用的全新應用商店,Windows 11被定位為"下一代的Windows"。
Windows上的出色的應用滿足這些客戶對應用基礎和現代用戶體驗的期望,我們正在投資本機Windows平台,使應用更容易通過WinUI
、MSIX
和Windows App SDK
(Project Reunion
)系列API實現出色的效果。本文檔概述了使應用外觀和行為出色的需要執行哪些操作,以便用戶感覺你的應用是針對Windows 11的。
1. 測試應用是否與Windows11兼容
用戶期望其設備上安裝的任何應用具有可靠的基礎。他們希望應用在升級或遷移到新版本的操作系統時正常工作。兼容性測試可幫助確保在升級后應用的功能沒有差異,並幫助提高客戶對經過良好測試的產品的滿意度。
Microsoft致力於確保應用在最新版本的軟件上工作,Windows11版本已基於兼容性而構建。我們的承諾指出,Windows7/8.1/10上的應用將在Windows11上工作。如果你遇到任何與應用有關的問題,Microsoft將幫助你確定問題,無需付費,以便你隨后可以解決此問題。訪問 "應用 保證"頁並登錄,以提交請求,請求專用應用安全管理器的幫助。
除了應用保證,我們還在測試Windows啟用了11測試和驗證,這是我們承諾確保應用在最新版本的軟件上工作的一部分。TestBase是一項智能應用程序驗證服務,可讓軟件供應商和商業客戶在Microsoft托管的Azure環境中使用更新和環境矩陣來測試其應用程序。使用TestBase,你現在可以提前測試應用程序,並可以與Microsoft合作,在問題影響最終用戶之前進行修正。
2. 具有可發現且易於理解的隱私策略
易於發現且易於理解的隱私聲明可提高用戶對應用程序的信任和置信度。
隱私策略必須:
- 通知用戶訪問、收集或傳輸你的產品的個人信息。
- 如何使用、存儲並保護該信息。
- 指示信息泄露給的參與方的類型。
- 描述用戶在信息的使用和共享方面擁有的控制,以及他們如何訪問其信息。
- 遵守適用的法律和法規。
- 向產品添加新特性和功能時,請保持最新。
Microsoft隱私聲明
3.使應用可訪問且具有包容性
非獨占設計為所有人創造更好的產品。若要確保應用可訪問且具有包容性,請考慮改進的功能和可用性對於以下方面的含義:
- 殘障人士(臨時和永久)。
- 個人首選項。
- 特定工作樣式。
- 情況約束(例如共享存儲空間、駕駛、)廚房。
一些常見的解決方案包括以替代格式(如視頻上的字幕)提供信息或啟用輔助技術的使用(如屏幕閱讀器)。
在設計時考慮輔助功能的應用程序更易於維護、更新和重新設計。除了幫助應用接觸殘障人士之外,在可訪問性方面進行因素處理還可以降低維護應用的成本。
Windows中的輔助功能
4. 使用最新的公共控件
Windows 11為可在應用中利用的Windows操作系統帶來了美觀的UI創新。常用控件是可立即使用這些更新的一種方法。盡可能使用最新的公共控件,免費獲得兼容性和可訪問性優勢。在考慮維護和測試成本時,這些常見控件比構建自己的自定義控件更具成本效益。
Windows UI庫(WinUI)
如果應用使用UWPXAML或WinUI,請更新以使用WinUI 2.6
或更大版本。WinUI為UWP XAML和WinUI控件提供了新樣式,默認樣式已更新為"免費"的視覺和動畫。
Win32(桌面)
使用UXTheme
的Win32控件將自動獲得"淺色"主題的"重新繪制",用於選擇不同的控件視覺對象。請務必測試任何問題。對於未自動更新的圖面,請手動更新視覺對象,以便它們盡可能與更新的其余部分一致。
WebView和其他平台
單個WebView
圖面需要執行手動采用樣式的工作。我們不會提供集中式樣式,但可以使用設計工具包和XAML控件庫來復制樣式。
5.使用Acrylic和Mica(的最新設計)
我們引入了一種稱為Mica
的新產品,可讓用戶的桌面背景在應用中閃爍。Mica
是一種非常有效的材料,旨在用於長年UI圖面(如TitleBar
)上,以傳達應用的活動狀態或非活動狀態。Mica是一種紋理,可創建視覺效果,同時節省電池使用時間。
- Mica將用於應用UI的基層,以傳達應用的活動狀態;當應用沒有焦點時,它將恢復為純色。因此,我們建議在TitleBar的背景上使用Mica。
- 某些控件(如
NavigationView
)已使用默認行為生成。 - 當使用Mica的應用在Windows 10級別運行時,它會正常降級(Mica將回退到純色)。
- Mica用於長期表面,與Acrylic不同,它用於暫時性表面。
- 如果使用
Acrylic
材料,請遵循現有的Acrylic指南,因為我們已更新顏色,使顏色更加豐富。
Mica指南
https://docs.microsoft.com/zh-cn/windows/apps/design/style/mica
Acrylic指南
https://docs.microsoft.com/zh-cn/windows/apps/design/style/acrylic
6.使Windows圓角和對齊布局菜單
應用窗口具有新功能,例如圓角和對齊布局菜單,在大多數情況下,應用會自動獲取這些功能。如果已自定義窗口或標題欄,可能需要執行一些工作以確保使用這些新功能。
在11中,我們舍入了窗口Windows角。我們的用戶研究團隊發現圓角幾何圖形提供了一種安全感,使應用的UI更易於掃描。這使用戶感覺不太受威脅,並且應用更具吸引力。還仔細選擇了舍入量。我們在整個公司與用戶研究之間努力,在感覺專業、更軟和更具邀請性之間取得平衡。
貼靠布局菜單是Windows 11中的一項關鍵功能,有助於用戶了解窗口貼靠的強大功能。借助該菜單,用戶只需將鼠標懸停在“最大化”按鈕上或按Win+Z
,即可快速對窗口進行布局以在更大的屏幕上進行多任務處理,並通過引導式貼靠助手創建整個布局。
- 大多數應用將自動接收圓角和對齊布局菜單,但在某些情況下,可能需要執行一些工作才能獲取它們:
- 允許系統繪制邊框和陰影。
- 如果需要繪制自己的邊框和陰影:
- 調用舍入API以選擇加入。
- 使用我們的API讓平台繪制和實現標題按鈕。
- 如果使用UWP或采用應用SDK窗口Windows自動獲取這些功能:
- 使用預定義模板配置窗口樣式。
- 自定義窗口的TitleBar。
https://docs.microsoft.com/zh-cn/windows/apps/desktop/modernize/apply-rounded-corners
https://docs.microsoft.com/zh-cn/windows/apps/desktop/modernize/apply-snap-layout-menu
7.支持深色和淺色主題
我們支持淺色和深色主題,這是讓用戶表達其個性的一種好方法。我們正在通過避免純白色和黑色來更新色調,使眼睛更軟,使顏色更豐富。深色主題支持也是一個很好的選擇,它使應用更易於訪問,並且對不同類型的用戶更具吸引力。
- WinUI的調色板正在更新,使用WinUI2.6(更輕)。如果應用具有硬編碼的自定義顏色,可能需要進行更新以匹配整體顏色理論,而不考慮技術。
- 如果使用的是基於UXTheme的Win32圖面,淺色主題將具有(的控件,例如,舍入按鈕)。應測試應用,驗證本地樣式設置是否不會替代更新的全局默認值。
8.優化應用的上下文菜單擴展和共享目標
Windows 11優化了上下文文件操作在"共享"對話框和"共享"對話框的右鍵文件資源管理器菜單中的行為。如果應用創建上下文菜單或定義共享目標,可能需要進行一些更改,以確保這些更改與Windows 11一致。
上下文菜單
對於Windows 11,我們以多種方式改進了文件資源管理器菜單的行為:
- 常見命令(如剪切、復制、粘貼和刪除)已移到菜單頂部。
- Open和打開方式現在組合在一起。
- 應用擴展在Shell謂詞下面組合在一起。具有多個謂詞的應用將分組到具有應用歸屬的標注中。
- 雲文件提供程序應用放置在Shell命令旁邊,用於對文件進行水解或解水處理。
https://docs.microsoft.com/zh-cn/windows/win32/cfapi/build-a-cloud-file-sync-engine
- 仍然可以通過Windows10(底部的"顯示更多選項")使用較舊的上下文菜單中的較舊上下文菜單和不太用的命令。
Shift + F10
或鍵盤菜單鍵也將加載Windows 10菜單。
如果應用定義了上下文菜單擴展,則必須滿足以下要求,該擴展必須出現在新的Windows 11上下文菜單中。否則,應用的上下文菜單擴展將顯示在通過"顯示更多選項"項提供的較舊的上下文菜單中。
- 必須使用
IExplorerCommand
接口實現上下文菜單擴展。實現IContextMenu
的上下文菜單擴展將改為顯示在較舊的上下文菜單中。 - 應用必須具有包標識。為此,可以將應用打包到MSIX包中,也可以創建一個稀疏包,向應用授予標識。
https://docs.microsoft.com/zh-cn/windows/apps/desktop/modernize/modernize-packaged-apps
"共享"對話框
對於Windows 11,我們通過多種方式改進了"共享"對話框的行為。
-
附近共享的可發現性設置現在位於對話框頂部,底部提供了更多設置。
-
現在,所有應用都可以作為目標參與"共享"對話框,包括未打包的桌面應用和通過
Microsoft Edge
。- 使用稀疏包,未打包的桌面應用可以作為"共享"對話框中的目標參與。有關演示如何執行此操作的示例,請參閱Sparse Packages示例。
https://docs.microsoft.com/zh-cn/windows/apps/desktop/modernize/grant-identity-to-nonpackaged-apps
- 如果PBA實現Web共享目標API,則它們可參與"共享"對話框。
9.使用美觀的圖標&版式
我們更新了圖標和名為"Segoe UI"的新UI字體。我們建議所有應用都改用這些新圖標和字體,以在Windows 11一致。新字體帶來了更軟的幾何圖形,使文本更加清晰。
- 為單行圖標引入了
Fluent Segoe
圖標"的新圖標。WinUI 2.6
及更高版中的控件會自動使用新圖標和版式。 - 文件類型圖標已更新。如果應用在或中使用
imageres.dll
圖標shell32.dll
,則圖標將自動更新。否則,可能需要手動樣式更新。 - 應用圖標-遵循最新的應用圖標設計指南,這些圖標用於"開始"和"任務欄"上的啟動器等位置
https://docs.microsoft.com/zh-cn/windows/apps/design/style/icons
- 動畫圖標-向WinUI添加了Lottie動畫支持,我們建議使用
AnimatedIcon
功能以有意義的方式對圖標進行動畫處理。與其他樣式更改一樣,需要WinUI2.6或更大。
https://docs.microsoft.com/zh-cn/windows/apps/design/controls/animated-icon
- 以XAML編寫的在代碼中指定的自定義
Segoe UI
體驗應改為指定Segoe UI Variable
。
備注:當使用新字體的應用在Windows 10級別運行時,它將回退以使用舊字體並正常降級。
10.利用中提供的創新功能Windows
人們Windows傳統設備以及越來越多的新式設備運行。如今,設備不僅具有基於x86
/x64
的體系結構,還具有基於ARM
的體系結構;不僅使用鼠標和鍵盤,還支持觸摸屏、觸摸板和筆;使用相機、GPS和傳感器(如陀螺儀);和具有圖形芯片組,不僅支持令人驚嘆的視覺對象,還支持硬件加速的人工智能(AI)。客戶希望應用利用他們(購買的硬件設備)並且不會考慮設備外形因素,從而提供適當的優化體驗。
- 使用
Win ML
實現AI生產力-Windows機器學習簡介。
- 利用通知和內容共享最佳做法-通知(設計基礎知識)。
https://docs.microsoft.com/zh-cn/windows/win32/uxguide/mess-notif
11.利用MSIX和Windows Store功能打包和分發應用程序
在業務有意義的任何位置分發Windows應用,你可以從現有網站、應用管理系統或Windows Store進行分發。
- 通過應用商店,你無需更改Windows所有應用,無論它是本機Windows應用還是漸進式Web(PWA)。可以使用現有的應用Windows,並列出該應用,以驅動應用發現。可以選擇是要使用應用商店商務應用分發系統,還是使用現有系統。無論使用哪種方式,應用都可以輕松地在Windows Store中發現。
- 確保應用支持自動更新、高效安裝,並且可通過MSIX進行管理。
使客戶保持應用程序的最新版本是保持客戶保留和保持最新狀態的關鍵。MSIX允許應用無縫安裝和保持最新狀態,而無需運行單獨的應用更新過程。你可以完全控制此情況發生的情況以及計划。