線框圖大小一般為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)字體，用戶可以自定義字體大忻煅酢（IOS）
????? 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的形式更適合
