採用回應式版面配置並自動配合不同螢幕尺寸調整的應用程式,可為使用者提供額外價值,並帶來更有效率、更引人入勝的使用者體驗。
回應式版面配置會動態調整按鈕、文字欄位和對話方塊等元素的格式和位置,提供最佳使用者體驗。運用回應式設計做法,在大螢幕上自動為應用程式使用者提供額外價值。無論是讓使用者一目瞭然更多文字、在畫面上執行更多動作,還是提供更大、更易於存取的輕觸目標,回應式做法都能為大螢幕使用者提供更優質的體驗。
透過回應式設計創造價值

正確做法
- 使用 M3 Compose 元件程式庫,其中內建自動調整式和自動調整行為。
- 使用回應式版面配置,自動順暢地調整大小,填滿各種螢幕大小的可用空間。

錯誤做法
- 延展 UI 元素 (包括文字欄位、按鈕、對話方塊),填滿額外空間。
- 除非字型主要用於圖像用途,否則請放大字型。
範例
下圖顯示回應式且經過最佳化的應用程式範例。
邊緣貼合按鈕
卡片清單
切換器和按鈕清單
含有圖片資訊卡的圖塊
含圖片的卡片清單