為了在不同大小屏幕（穿戴、手持猛铅、PC）上獲得統(tǒng)一的產(chǎn)品認(rèn)知和使用體驗(yàn)揖赴，材料設(shè)計(jì)提出了系列的規(guī)則和設(shè)計(jì)策略。以480, 600, 840, 960, 1280, 1440, 和1600dp作為斷點(diǎn)滞欠。根據(jù)屏幕的尺寸可以確定屬于那個(gè)斷點(diǎn)，以確定網(wǎng)格系統(tǒng)所需要的列數(shù)（4肆良、8筛璧、12）和列間距的寬度（16逸绎、24）。
以600dp為分界點(diǎn)夭谤，寬度在600以下的屏幕同時(shí)只展示某一個(gè)層級(jí)的信息（列表或詳情）棺牧；寬度在600以上的屏幕可以同時(shí)展示多個(gè)層級(jí)的信息，列表頁(yè)和詳情頁(yè)同時(shí)展示朗儒。
不同斷點(diǎn)間屏幕上的界面相互切換適應(yīng)的策略有：展現(xiàn)颊乘、轉(zhuǎn)變、分割醉锄、重排乏悄、擴(kuò)展和移位。
1榆鼠、展現(xiàn)纲爸，小屏幕上隱藏的UI信息在屏幕增大時(shí)可以展現(xiàn)出來(lái)，如下圖所示本來(lái)隱藏在手機(jī)側(cè)邊導(dǎo)航中的菜單項(xiàng)在平板的左側(cè)直接顯示出來(lái)了妆够。這一點(diǎn)也和以600為分界的策略相呼應(yīng)识啦，在更大的屏幕上直接顯示出兩級(jí)信息：
2、轉(zhuǎn)變神妹，界面元素從一個(gè)組件變?yōu)榱硪粋€(gè)組件颓哮，這一點(diǎn)也說(shuō)明組件的使用并不是一成不變的，可以根據(jù)屏幕的大小選擇合適的組件鸵荠。如下圖所示冕茅，側(cè)邊導(dǎo)航的菜單項(xiàng)可能在大屏上顯示為標(biāo)簽；小屏幕上的文字列表項(xiàng)可以在大屏上顯示為圖片網(wǎng)格列表：
3蛹找、分割姨伤，分層的信息在一個(gè)大的空間里鋪開(kāi)：
4、重排庸疾，界面元素可以重新排布以填滿新的空間：
5乍楚、拓展，界面元素在大屏幕上展開(kāi)為更大的尺寸：
6届慈、移位徒溪，界面元素調(diào)整到更合適的位置：
網(wǎng)格系統(tǒng)可以使界面視覺(jué)設(shè)計(jì)更為規(guī)整，靈活使用以上六種適配策略可以使產(chǎn)品在平臺(tái)上不同設(shè)備間呈現(xiàn)合適的樣式金顿。有助于用戶在不同設(shè)備間無(wú)縫切換臊泌，配合使用。使產(chǎn)品在不同的生活場(chǎng)景下都能發(fā)揮出最大的性能揍拆。
