当前位置:常识集 > 数码游戏 > 电脑 > Android和IOS UI规范有什么区别
手机版

Android和IOS UI规范有什么区别

来源:常识集 阅读:6.64K 次

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。

本文链接:https://www.changshiji.com/smyx/diannao/69rkx.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。