Android和IOS UI規範有什麼區別

來源:酷知科普網 5.08K

UI設計師在根據原型進行設計稿設計的時候,Android和IOS UI規範都是不同的,最好的條件下就會製作兩個版本的設計稿來進行開發,下面我們一起來了解一下Android和IOS UI規範的區別。

操作方法

先從設計稿尺寸開始說,Android的設計稿尺寸我們選擇的是360*640,而IOS的設計稿尺寸為375*667。

Android和IOS UI規範有什麼區別

從上到下開始瞭解,最上方的是狀態列,Android狀態列的高度為25px,IOS狀態列的高度為20px。

Android和IOS UI規範有什麼區別 第2張

接下來就是導航欄,Android導航欄的高度為45px,IOS導航欄的高度為49px,兩個版本中導航文字都是18px。

Android和IOS UI規範有什麼區別 第3張

IOS導航欄有一點不同,那就是下方會多1px的分界,一般我們可用描邊,或者是用Y=1的陰影來表示。

Android和IOS UI規範有什麼區別 第4張

最下邊就是標籤欄了,Android標籤欄的高度為50px,IOS標籤欄的高度為49px。

Android和IOS UI規範有什麼區別 第5張

IOS的標籤也不同,也有向上的1px分界,用Y=-1的陰影或者是描邊來表示。

Android和IOS UI規範有什麼區別 第6張

在標籤欄中肯定就是ICON圖示了,Android和IOS的圖示點選範圍最小都是24px,IOS±4px調整,Android±8px調整。

Android和IOS UI規範有什麼區別 第7張

關於設計的時候排版間距的問題,小編的習慣是按照8px的倍數來排版,當然你也可以用10px,看個人習慣了。

Android和IOS UI規範有什麼區別 第8張

特別提示

本文尺寸均為1x。

熱門標籤