透過集合功能整理內容
你可以依據偏好儲存及分類內容。
針對大螢幕設計
針對平板電腦、折疊式裝置和 ChromeOS 裝置打造高品質的吸引性使用者體驗。
圖片庫
探索吸睛的大螢幕裝置適用的啟發性設計。瀏覽常見應用程式類別的使用者介面/使用者體驗範本,包括媒體、創意、遊戲等。
標準
使用者只要按一下,就能存取清單中內容的說明、解釋或其他補充資訊。
標準
將內容元素排列在較大的格狀空間中,依大小和位置關聯元素,使用比例和縮放功能將注意力吸引到元素上。
標準
將應用程式整理為主要和次要的顯示區域,讓工具、選項和設定準備就緒,並可供主要內容使用。
標準
將主要導覽目的地置於觸手可及的範圍內,同時佔用最少的螢幕空間,藉此彌補標準版面配置的不足。
使用精簡、中等和展開的視窗大小類別,以支援不同的板型規格,提供最佳使用者體驗。
Material Design 3 是開放原始碼指南、元件和工具,可視需要調整,這些使用者介面支援使用者介面設計的最佳做法。
參閱我們的開發人員指南與參考,以打造應用程式設計。
質感設計
版面配置是指用視覺方式排列元素。這項功能會將焦點移至螢幕上最重要的資訊,讓使用者能採取行動。
質感設計
視窗大小類別可協助您建立可配合各種裝置和板型規格調整的版面配置。
質感設計
標準版面配置是一種現成的組合,可根據一般用途和螢幕大小調整版面配置。
YouTube 影片
2022 年 11 月 10 日
YouTube 影片
2022 年 11 月 10 日
YouTube 影片
2022 年 11 月 9 日
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]