線框圖大小一般為640px*1136px，狀態(tài)欄為320px*16px,標(biāo)題欄 為320px*44px.
ios頁(yè)面規(guī)范：
頁(yè)眉為導(dǎo)航欄（上一級(jí)標(biāo)題、標(biāo)題、操作）
頁(yè)腳為工具欄（icon/文字）或標(biāo)簽欄
安卓頁(yè)面規(guī)范：
4.0時(shí)期因?yàn)樘摂M式按鈕操作集中在頁(yè)眉（logo、下拉式菜單、操作）
5.0時(shí)期推出抽屜式導(dǎo)航，頁(yè)眉為應(yīng)用欄（抽屜式導(dǎo)航、Title、操作（如搜索、收藏、更多）），底部工具欄
要注意安卓及IOS常用控件、手勢(shì)之間的區(qū)別，如搜索、刪除操作
無(wú)限循環(huán)指示器（應(yīng)用于時(shí)間短的加載）
進(jìn)度條（應(yīng)用于時(shí)間長(zhǎng)的加載，如整個(gè)頁(yè)面的加載）
設(shè)計(jì)模式
導(dǎo)航模式：沒有最完美的導(dǎo)航，只有最合適的！
1、標(biāo)簽?zāi)Ｊ剑簯?yīng)用于多個(gè)功能都很重要的場(chǎng)景，底部標(biāo)簽導(dǎo)航常用于IOS，頂部標(biāo)簽導(dǎo)航也用于安卓，占用空間大，導(dǎo)航個(gè)數(shù)最好在5個(gè)以內(nèi)。
2、分段式導(dǎo)航：常用于IOS，尺寸較小，導(dǎo)航個(gè)數(shù)在2~3個(gè)的二級(jí)導(dǎo)航。
3、舵式導(dǎo)航：用于突出其中的某一個(gè)功能。
4、抽屜式導(dǎo)航：用于隱藏不重要的功能。
5、下拉式導(dǎo)航：少見，當(dāng)導(dǎo)航個(gè)數(shù)很多時(shí)可以與滾動(dòng)式導(dǎo)航結(jié)合使用。
列表模式：
1、垂直列表：一般左對(duì)齊，需要把控列表信息的詳細(xì)程度與顯示條數(shù)之間的平衡
有標(biāo)準(zhǔn)模式、圖文結(jié)合模式、控制模式、時(shí)間軸形式、對(duì)話框形式等等。。
2、輪播面板：橫向的羅列，可以充分的利用空間，有大圖輪播及小圖輪播
3、網(wǎng)格列表：用于暫時(shí)大量的圖片，可變形為瀑布流的形式
列表模式變形成的導(dǎo)航模式：
1、垂直列表導(dǎo)航：最重要的操作應(yīng)放在最上方，微信、郵箱等
2、輪播面板導(dǎo)航：使用戶專注一個(gè)目標(biāo)，用于選項(xiàng)較少的情況，但是很難跳轉(zhuǎn)到非相鄰的選項(xiàng)上
3、宮格導(dǎo)航：從上帝視角來(lái)看的導(dǎo)航、扁平化、用于功能相近又相互獨(dú)立的情況
*IOS和andriod組件小知識(shí)：
1、Dynamic? Type 動(dòng)態(tài)字體，用戶可以自定義字體大?。↖OS）
????? Sizing Cells 列表視圖字段較長(zhǎng)可字段換行（IOS）
2、Pickers?? IOS選擇器，只會(huì)顯示7個(gè)選項(xiàng)，其余隱藏，無(wú)法承受過(guò)多的選項(xiàng)的情況，否則選擇的效率較低
3、Dialog? 對(duì)話框 IOS里面的對(duì)話框是一種警示，告知信息一般在頁(yè)面中使用文案提示
??????????????????????????????? Andriod對(duì)話框更多是一種告知信息
4、Snackbar????? Andriod輕量級(jí)反饋? 文本描述+1~0個(gè)按鈕，非模態(tài)
5、ActionSheets?? 用于二次確認(rèn)或菜單選擇；有取消選項(xiàng)，點(diǎn)擊空白處也可退出；菜單項(xiàng)不宜太多，居中且不帶圖標(biāo)。
????? 另外有變形的網(wǎng)格式，ICON+標(biāo)題，最好不能超過(guò)兩行
?
6、BottomSheets? Andriod組件? 類似于IOS的ActionSheets，但是沒有取消選項(xiàng)，且有上下滾動(dòng)的效果
7、Popover? IOS彈出氣泡? 模態(tài)??? 當(dāng)操作本身只是頁(yè)面中的局部功能或快速入口時(shí)則Popover的形式更適合
