排行时报

Android和IOS UI规范有什么区别

科技数码  2022-12-15 12:39:12  热度:89℃

UI设计师在根据原型进行设计稿设计的时候,Android和IOS UI规范都是不同的,最好的条件下就会制作两个版本的设计稿来进行开发,下面我们一起来了解一下Android和IOS UI规范的区别。

01、先从设计稿尺寸开始说,Android的设计稿尺寸我们选择的是360*640,而IOS的设计稿尺寸为375*667。

02、从上到下开始了解,最上方的是状态栏,Android状态栏的高度为25px,IOS状态栏的高度为20px。

03、接下来就是导航栏,Android导航栏的高度为45px,IOS导航栏的高度为49px,两个版本中导航文字都是18px。

04、IOS导航栏有一点不同,那就是下方会多1px的分界,一般我们可用描边,或者是用Y=1的阴影来表示。

05、最下边就是标签栏了,Android标签栏的高度为50px,IOS标签栏的高度为49px。

06、IOS的标签也不同,也有向上的1px分界,用Y=-1的阴影或者是描边来表示。

07、在标签栏中肯定就是ICON图标了,Android和IOS的图标点击范围最小都是24px,IOS±4px调整,Android±8px调整。

08、关于设计的时候排版间距的问题,小编的习惯是按照8px的倍数来排版,当然你也可以用10px,看个人习惯了。

特别提示

本文尺寸均为1x。

最近更新

  • 怎么将wps输出为pdf的文字水印设置为单行

    怎么将wps输出为pdf的文字水印设置为单行

    2025-04-26599阅读

  • Ubuntu 20.04新增仓颉输入法

    Ubuntu 20.04新增仓颉输入法

    2025-04-26594阅读

  • 950显卡能吃鸡吗

    950显卡能吃鸡吗

    2025-04-27756阅读

  • 扫描件是什么格式的

    扫描件是什么格式的

    2025-04-26615阅读

  • win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    2025-04-26666阅读

  • 电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    2025-04-26644阅读

  • 怎么用vlookup匹配数据?

    怎么用vlookup匹配数据?

    2025-04-26550阅读

  • 嗜睡说明了什么问题

    嗜睡说明了什么问题

    2022-12-21764阅读

  • 入睡很困难该怎么办

    入睡很困难该怎么办

    2022-12-20816阅读

  • 发质不好可以怎么办

    发质不好可以怎么办

    2022-12-21804阅读

  • 精选专题