ui设计师根据原型设计设计稿时,android和ios的ui规范是不一样的。在比较好的条件下,他们会制作两个版本的设计稿进行开发。我们来看看android和ios ui规范的区别。 详细介绍 方法/步骤
ui设计师根据原型设计设计稿时,android和ios的ui规范是不一样的。在比较好的条件下,他们会制作两个版本的设计稿进行开发。我们来看看android和ios ui规范的区别。
详细介绍方法/步骤
先说设计稿尺寸。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阴影或笔画表示。
必须是标签栏中的图标。android和ios的图标比较小范围是24px。ios 4px调整,android 8px调整。
关于设计时的排版间距,小编的习惯是按照8px的倍数排版。当然也可以用10px来看个人习惯。
温馨提示
本文所有维度均为1x。