針對大螢幕設計

針對平板電腦、折疊式裝置和 ChromeOS 裝置打造高品質的吸引性使用者體驗。
前往大螢幕基礎課程

激發靈感

圖片庫

瀏覽大螢幕圖片庫

探索吸睛的大螢幕裝置適用的啟發性設計。瀏覽常見應用程式類別的使用者介面/使用者體驗範本，包括媒體、創意、遊戲等。
查看圖片庫

使用經過驗證的模式

標準版面配置可以確保所有大螢幕板型規格 (平板電腦、折疊式裝置和 ChromeOS 裝置) 都能提供最佳使用者體驗，並支援所有手機尺寸。導覽邊欄和導覽匣元件提供現成的導覽功能，讓使用者介面和控制項使用起來更輕鬆。
標準

清單詳細資料

使用者只要按一下，就能存取清單中內容的說明、解釋或其他補充資訊。
進一步瞭解清單詳細資料
標準

動態消息

將內容元素排列在較大的格狀空間中，依大小和位置關聯元素，使用比例和縮放功能將注意力吸引到元素上。
瞭解動態消息
標準

輔助面板

將應用程式整理為主要和次要的顯示區域，讓工具、選項和設定準備就緒，並可供主要內容使用。
進一步瞭解支援面板
標準

導覽邊欄與導覽匣

將主要導覽目的地置於觸手可及的範圍內，同時佔用最少的螢幕空間，藉此彌補標準版面配置的不足。
瞭解導覽元素

精簡

< 600 dp

中

600 至 840 dp

已展開

> 840 dp

使用精簡、中等和展開的視窗大小類別，以支援不同的板型規格，提供最佳使用者體驗。
進一步瞭解大小類別

採用經過驗證的設計系統

Material Design 3 是開放原始碼指南、元件和工具，可視需要調整，這些使用者介面支援使用者介面設計的最佳做法。
前往質感設計網站

針對大螢幕進行開發

開發人員指南

參閱我們的開發人員指南與參考，以打造應用程式設計。
查看開發人員指南

品質指南

根據 Android 最佳做法設計設計。
查看大螢幕應用程式品質

文章和閱讀

質感設計

瞭解版面配置

版面配置是指用視覺方式排列元素。這項功能會將焦點移至螢幕上最重要的資訊，讓使用者能採取行動。
質感設計

套用版面配置

視窗大小類別可協助您建立可配合各種裝置和板型規格調整的版面配置。
質感設計

使用標準版面配置

標準版面配置是一種現成的組合，可根據一般用途和螢幕大小調整版面配置。

查看最新影片

YouTube 影片

標準版面配置和視覺階層設計：針對大螢幕設計

2022 年 11 月 10 日
YouTube 影片

注意事項：針對大螢幕最佳化應用程式的相關心態

2022 年 11 月 10 日
YouTube 影片
2022 年 11 月 9 日