https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/

https://material.io/guidelines/material-design/introduction.html

1、結(jié)構(gòu)

兩家叫法不同，大體上都是4個欄，頂部狀態(tài)欄。狀態(tài)欄下是放帶有頁面名稱的一欄。底部的導(dǎo)航欄。位置不甚明確的工具欄。

一級nav bar 都在頁面底部，通常3-5個，和iOS10 一樣。超過5個可以考慮抽屜導(dǎo)航。這點(diǎn)和我以前的認(rèn)知很不一樣。

2、bottom sheet ? VS ? action sheet 、 activity views

材料設(shè)計的bottom sheet分兩種，一種是常見的modal bottom sheet，一種是整合為頁面一部分的persistent bottom sheet（就像字面意思一樣，一直都顯示）。

這個modal bottom sheet里的內(nèi)容可以是列表式的，也可以是矩陣式的。包含的內(nèi)容可以是按鈕、文本，甚至是鏈接，可以直接鏈接到其他APP，不用跳轉(zhuǎn)到別的APP。

modal bottom sheet里的列表太長的時候可以顯示部分，使用上下滾動的方式看到更多內(nèi)容。action sheet 不具有這個功能，activity views可以左右滑動顯示更多。并且不支持連接到其他app。modal bottom sheet支持下滑收起，另外兩者不支持。modal bottom sheet 可使用的樣式更多樣化一些，可發(fā)揮的空間也更大。

3、button

材料設(shè)計里按鈕樣式比較多，有圖標(biāo)按鈕（FAB也是一種圖標(biāo)按鈕）、常規(guī)的矩形按鈕、文字按鈕，三者對應(yīng)不同的深度。iOS 規(guī)范中不含有常規(guī)的矩形按鈕。

4、alert/dialog

材料的dialog包含的范圍更廣一些，樣式也不止alert一種形式，還包括simple dialogs 和confirmation dialogs。樣式上除了小彈框的形式，也有全屏的形式。并且在text需要多行的情況下，替代simply menu。

材料dialog中的alert的兩個按鈕采用右對齊的方式，iOS的alert使用左右均分居中的方式。

5、選擇控件

材料會使用dropdown box的形式，iOS在手機(jī)不推薦使用dropdown或者叫popover。iOS的通常采用滾動選擇控件picker,picker不一定在屏幕的最下方。材料也有選擇時間的picker，往往是以dialog的形式出現(xiàn)，選擇的方式也有自己的特色。

6、cards & views

材料的cards 使用場景很多。分有投影圓角和沒有投影圓角兩種。前者適合每個卡片包含的內(nèi)容比較多，比較詳細(xì)，或者卡片之間內(nèi)容不同的情況。沒有投影和圓角效果的cards適合單卡展示的內(nèi)容比較少，并且以預(yù)覽為主的列表。

cards和dialog樣式上的區(qū)別是，深度不同，dialog更高一些是24dp，cards在沒被選中的狀態(tài)下是2dp，選中是8dp。text button的位置不同，dialogs靠右，cards靠左（圖標(biāo)button不一定靠左）。

cards的形式和內(nèi)容可以很靈活，可以是圖、文字、圖標(biāo)等等內(nèi)容，也不一定都要大小一樣。

iOS也定義了不同類型內(nèi)容的樣式，比如圖片推薦使用矩陣的view，表格有tables，大段的文字推薦text views等，并沒有像材料這樣具體的定義。