先從設計稿尺寸起頭說,Android的設計稿尺寸我們選擇的是360*640,而IOS的設計稿尺寸為375*667。
從上到下起頭領會,最上方的是狀況欄,Android狀況欄的高度為25px,IOS狀況欄的高度為20px。
接下來就是導航欄,Android導航欄的高度為45px,IOS導航欄的高度為49px,兩個版本中導航文字都是18px。
IOS導航欄有一點分歧,那就是下方會多1px的分界,一般我們可用描邊,或者是用Y=1的暗影來暗示。
最下邊就是標簽欄了,Android標簽欄的高度為50px,IOS標簽欄的高度為49px。
IOS的標簽也分歧,也有標的目的上的1px分界,用Y=-1的暗影或者是描邊來暗示。
在標簽欄中必定就是ICON圖標了,Android和IOS的圖標點擊規模最小都是24px,IOS±4px調整,Android±8px調整。
關于設計的時辰排版間距的問題,小編的習慣是按照8px的倍數來排版,當然你也可以用10px,看小我習慣了。
本文尺寸均為1x。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!