先从设计稿尺寸起头说,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 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!