網格視圖顯示兩列或多列圖片，每列圖片代表一個內容項，圖片下方配有簡短的文字說明。當使用者主要依靠圖片進行選擇時，這種視圖最為理想。
網格可以垂直捲動，並且可以調整大小、間距和列數。網格中的內容也可以分組到不同的類別。
列表項目組件
清單提供了一種替代方式來顯示需要更多解釋性文字的內容。
格線
解剖學
網格包含文字和使用者介面控制項。由於使用者必須對其進行操作，因此它們絕不能被其他元素或螢幕邊緣遮蔽。
2. 一手與二手文本
3. 網格背景
規格
列表項目組件
規格、樣式指南等。 內容網格（3 列或 4 列）
應用網格（4 列）
應用網格，頂部顯示常用項目
網格佈局中的指示器圖示位置
縮放佈局
這些參考佈局展示瞭如何調整網格以適應不同寬度和高度的螢幕。請注意，所有像素值均為渲染像素值，未進行任何下取樣或上取樣。
標準寬度螢幕
寬螢幕
超寬螢幕和超寬螢幕
不同高度螢幕上套用網格的垂直間距
款式
排版
| 字體樣式 | 字體 | 重量 | 大小（dp） |
|---|---|---|---|
| 正文 1 | 機器人 | 常規的 | 32 |
| 身體 2 | 機器人 | 常規的 | 28 |
| 身體 3 | 機器人 | 常規的 | 24 |
顏色
| 元素 | 顏色（日間模式） | 色彩（夜間模式） |
|---|---|---|
| 主要類型/圖標 | 白色的 | 白色 @ 88% |
| 次要類型/圖標 | 白色 @ 72% | 白色 @ 60% |
| 分隔線 | 白色 @ 22% | 白色 @ 12% |
| 網格背景 | 黑色的 | 黑色的 |
| 內容篩選 | 不適用 | 黑色 @ 22% |
| 梯度截斷 | 黑色，0-100% 佔文字空間的 10% | 黑色，0-100% 佔文字空間的 10% |
漿紗
| 元素 | 大小（dp） |
|---|---|
| 應用程式圖示 | 76 |
| 最小應用單元格 | 135 |
| 最小內容單元 | 158 |
海拔
| 元素 | 顏色 | Y軸 | 模糊 |
|---|---|---|---|
| 網格瓦片 | 黑色 @ 22% | 2 | 2 |
範例
