UI設(shè)計(jì)師在根據(jù)原型進(jìn)行設(shè)計(jì)稿設(shè)計(jì)的時(shí)候 ， Android和IOS UI規(guī)范都是不同的，最好的條件下就會(huì)制作兩個(gè)版本的設(shè)計(jì)稿來進(jìn)行開發(fā) ， 下面我們一起來了解一下Android和IOS UI規(guī)范的區(qū)別 。
操作方法01、先從設(shè)計(jì)稿尺寸開始說，Android的設(shè)計(jì)稿尺寸我們選擇的是360*640，而IOS的設(shè)計(jì)稿尺寸為375*667 。
02、從上到下開始了解 ， 最上方的是狀態(tài)欄，Android狀態(tài)欄的高度為25px，IOS狀態(tài)欄的高度為20px 。
03、接下來就是導(dǎo)航欄，Android導(dǎo)航欄的高度為45px，IOS導(dǎo)航欄的高度為49px，兩個(gè)版本中導(dǎo)航文字都是18px 。
04、IOS導(dǎo)航欄有一點(diǎn)不同，那就是下方會(huì)多1px的分界，一般我們可用描邊，或者是用Y=1的陰影來表示 。
05、最下邊就是標(biāo)簽欄了，Android標(biāo)簽欄的高度為50px，IOS標(biāo)簽欄的高度為49px 。
06、IOS的標(biāo)簽也不同，也有向上的1px分界，用Y=-1的陰影或者是描邊來表示 。
07、在標(biāo)簽欄中肯定就是ICON圖標(biāo)了，Android和IOS的圖標(biāo)點(diǎn)擊范圍最小都是24px，IOS±4px調(diào)整 ， Android±8px調(diào)整 。
08、關(guān)于設(shè)計(jì)的時(shí)候排版間距的問題，小編的習(xí)慣是按照8px的倍數(shù)來排版，當(dāng)然你也可以用10px，看個(gè)人習(xí)慣了 。
特別提示【Android和IOS UI規(guī)范有什么區(qū)別】本文尺寸均為1x 。
推薦閱讀
- 嘉興結(jié)婚登記身份證和戶口簿信息不一致怎么辦?
- 無線鼠標(biāo)和藍(lán)牙無線區(qū)別 無線鼠標(biāo)和藍(lán)牙鼠標(biāo)的區(qū)別
- 整流器的作用和原理，led整流器的作用和原理
- 風(fēng)管機(jī)一級(jí)能效和二級(jí)能效區(qū)別
- 單聲道和雙聲道的區(qū)別，耳機(jī)單聲道和雙聲道的區(qū)別
- 白菜翡翠的寓意是什么意思 翡翠白菜的寓意和象征
- 家具的日常保養(yǎng)和使用 日常家具保養(yǎng)常識(shí)
- 維邁通v8s和v9s哪個(gè)好 維邁通v8s和v9s的區(qū)別
- 翡翠和金子一起佩戴怎么保養(yǎng) 金鐲子和翡翠鐲子怎么佩戴
- ios13收不到微信消息 iPhone13不能實(shí)時(shí)接收微信消息