APP柵格規(guī)范：

Android界面的最小間距是8dp（16px），而規(guī)范的圖像資源尺寸為16dp，24dp，32dp，48dp的序列均可被8整除，采用8dp為柵格

ios主流級型分辨率：1136640 （5s，5） 1334750（6s，6）

????????????????????????????????????? ［常用重要］ 2208*1242（plus）

安卓的單位名稱：dp距離的單位；sp字號?????????? ／????????????? iOS的單位名稱：pt磅

布局規(guī)范的目的：更符合程序、不同機(jī)型適配過程，信息還原的更好,畫面不失真

組件適配原則

手機(jī)端菜單欄文字：最小18px（常用20px），英文20px

圖標(biāo)icon：最小40px＊40px；菜單欄下最小icon48px＊48px

安卓與ios最大的區(qū)別，安卓有物理控件（返回），ios沒有

一級導(dǎo)航“菜單欄”：有5種形式

1.標(biāo)簽式導(dǎo)航（ios常用模式）,直觀了解當(dāng)前位置，快速切換，直觀了解當(dāng)前頁面的功能

2.抽屜式導(dǎo)航（安卓常用），一般是隱藏的，可以放很多東西，但是切換很不方便

3.下拉式導(dǎo)航：頂部或底部彈出頁面（手機(jī)通知）

4.點(diǎn)聚式導(dǎo)航：點(diǎn)擊左下按鈕打開，再次點(diǎn)擊收起

5.桌面式導(dǎo)航：可擴(kuò)展性好

二級導(dǎo)航：3種

1.tab式導(dǎo)航：圖片2-4跳轉(zhuǎn)頁面?????? 文字5-7當(dāng)前頁面切換 ? ? ? ?? 可用下拉箭頭，圖片頁面跳轉(zhuǎn)，文字切換效果

2.列表式導(dǎo)航：設(shè)置里居多，通欄帶圖標(biāo)

3.左右幻燈片式導(dǎo)航：需要添加動畫來增添樂趣

安卓的設(shè)計風(fēng)格：微立體 ? ? ? ? ? ? ? ? ? ? ／ ? ? ? ? ? ?? ? ? ?? 蘋果的設(shè)計風(fēng)格：極簡

ios沒有物理控件(沒有返回鍵) ? ??? ? ?? ???? ／??? ? ? ?? ??? 安卓下方有物理控件（返回按鈕）

ios設(shè)計：下拉式導(dǎo)航?????????? ? ? ? ? ? ? ／????? ? ? ? ?? ? ? ?? 安卓設(shè)計常用抽屜式導(dǎo)航

常用標(biāo)題字號：20，28，24

最小觸控范圍：88px，7mm

大間隔，隔功能：40常用

小間隔，隔相同功能中的信息：小功能：24，大功能：40

數(shù)字最小18px，漢字最小20px；

安卓

導(dǎo)航上一排文字：36px（標(biāo)題）、34px（返回），兩?（三）排文字28px

內(nèi)文：34（標(biāo)題），28

iOS中圖標(biāo)最小2px，下線（長的）1px，下劃線4px

圖標(biāo)：沒點(diǎn)擊2px；點(diǎn)擊3px，

面是正，線是負(fù)

分欄（斑馬線）：分功能?????????????? ／??????????????? 分割線：分內(nèi)容

最小圖標(biāo)：40*40；

圖標(biāo)與圖標(biāo)距離：24px、或一個圖標(biāo)的距離

圖標(biāo)與文字距離：16＋（返回按鈕與文字）

欄高一定大于88px＋（因為點(diǎn)擊大小最小為88