調整版面配置

自動調整式設計是設計版面配置的做法,可配合特定中斷點和裝置調整版面配置。我們通常會考量裝置的寬度,判斷應變更或調整的版面配置部位。網頁和 Android 都採用回應式設計概念 (例如彈性格線和圖片),建立更符合情境的版面配置。

行動裝置和平板電腦上的生產力應用程式畫面。

如需根據擴大螢幕大小調整版面配置的設計指南,請參閱 Compose 的「支援不同螢幕大小」開發人員指南,以及 M3 的「套用版面配置」頁面。您也可以瀏覽 Android 大螢幕標準圖片庫,尋找靈感並瞭解如何實作大螢幕版面配置。

雖然有些應用程式並不需要支援所有螢幕大小,但如果提供支援,使用者就可以在各種螢幕上順暢使用應用程式,在人體工學、可用性和應用程式品質方面都能享有更優質的體驗。

  • 您可以將類別大小做為中斷點,設計重要畫面 (傳達基本概念或應用程式),做為設計指南。
  • 或者,設計內容時,標註內容應如何受限、展開或重排,讓內容能以回應式方式運作。

如要進一步瞭解版面配置,請參閱 Material Design 3 (M3) 瞭解版面配置頁面