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的阴影或者是描边来表示。
在标签栏中肯定就是ICON图标了,Android和IOS的图标点击范围最小都是24px,IOS±4px调整,Android±8px调整。
关于设计的时候排版间距的问题,小编的习惯是按照8px的倍数来排版,当然你也可以用10px,看个人习惯了。
特别提示
本文尺寸均为1x。
-
QQ浏览器如何安装应用插件
QQ浏览器如何安装应用插件,浏览器的应用插件的安装对我们来说是非常方便的。下面以安装护眼导航应用为例,介绍如何安装浏览器应用插件。操作方法(01)打开QQ浏览器,点击右上角的“”+“”如图所示(02)进入了安装应用的首页,如图所示(03)比如安装一个护眼的应用,鼠标停留在...
-
单片机案例点亮一颗发光二极管
大家好,今天和大家分享的是单片机案例——点亮一颗led灯。这个可以说是每个人在初步接触单片机是都会学到的一个程序,我们来看看怎么做吧操作方法(01)这里我就直接进入程序了,前面的建立工程呀,设置参数那些我就不说了,在我其他的经验中也有讲到了,不懂的可以看看我以...
-
怎样制作电子版的贺卡?
在这个互联网如此发达的时代,每逢亲朋好友过生日,各种节日的到来之际,我们总想借助互联网送去自己的祝福。往往想给亲朋好友邮寄一张贺卡,然而网络搜索到的贺卡有时不尽人意,或没有创意,或没法表达自己的感情。那么,为什么不尝试亲手制作一张贺卡呢?步骤/方法(01)设置贺...
-
电脑工具栏到了电脑的右边,怎么恢复到底部?
一般电脑的工具栏是在电脑的底部,可是有些时候就会跑到电脑两侧,今天我要讲的就是恢复方法。操作方法(01)工具栏跑到了电脑的右侧(02)在工具栏处点击鼠标右键,找到“属性”点击,出现任务栏对话框(03)在锁定任务栏前打√,任务栏在屏幕上的位置选择底部,点击确定即可...