UI設(shè)計(jì)師在根據(jù)原型進(jìn)行設(shè)計(jì)稿設(shè)計(jì)的時(shí)候，Android和IOS UI規(guī)范都是不同的，最好的條件下就會(huì)制作兩個(gè)版本的設(shè)計(jì)稿來(lái)進(jìn)行開(kāi)發(fā)，下面我們一起來(lái)了解一下Android和IOS UI規(guī)范的區(qū)別。

先從設(shè)計(jì)稿尺寸開(kāi)始說(shuō)，Android的設(shè)計(jì)稿尺寸我們選擇的是360*640，而IOS的設(shè)計(jì)稿尺寸為375*667。

從上到下開(kāi)始了解，最上方的是狀態(tài)欄，Android狀態(tài)欄的高度為25px，IOS狀態(tài)欄的高度為20px。

接下來(lái)就是導(dǎo)航欄，Android導(dǎo)航欄的高度為45px，IOS導(dǎo)航欄的高度為49px，兩個(gè)版本中導(dǎo)航文字都是18px。

IOS導(dǎo)航欄有一點(diǎn)不同，那就是下方會(huì)多1px的分界，一般我們可用描邊，或者是用Y=1的陰影來(lái)表示。

最下邊就是標(biāo)簽欄了，Android標(biāo)簽欄的高度為50px，IOS標(biāo)簽欄的高度為49px。

IOS的標(biāo)簽也不同，也有向上的1px分界，用Y=-1的陰影或者是描邊來(lái)表示。

在標(biāo)簽欄中肯定就是ICON圖標(biāo)了，Android和IOS的圖標(biāo)點(diǎn)擊范圍最小都是24px，IOS±4px調(diào)整，Android±8px調(diào)整。

關(guān)于設(shè)計(jì)的時(shí)候排版間距的問(wèn)題，小編的習(xí)慣是按照8px的倍數(shù)來(lái)排版，當(dāng)然你也可以用10px，看個(gè)人習(xí)慣了。

特別提示

本文尺寸均為1x。