首页 > 手机专区 > 手机APP >

Android和iOS设计区别有哪些

来源:互联网 2023-03-03 23:39:20 246

从设计上来说,Android和iOS这两个系统有些东西越来越通用了,目前很多Android的应用偏苹果风格,也就是说基本都是采用一套iOS设计模板来适配Android系统。那Android和iOS设计区别有哪些呢?tYv办公区 - 实用经验教程分享!

方法/步骤

  • 1

    先从设计稿尺寸开始说,Android的设计稿尺寸选择的是360*640,而IOS的设计稿尺寸为375*667。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 2

    从上到下开始了解,最上方的是状态栏,Android状态栏的高度为25px,IOS状态栏的高度为20px。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 3

    接下来是导航栏,Android导航栏的高度为45px,IOS导航栏的高度为49px,两个版本中导航文字都是18px。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 4

    IOS导航栏有一点不同,那就是下方会多1px的分界,一般可用描边,或者是用Y=1的阴影来表示。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 5

    最下边就是标签栏了,Android标签栏的高度为50px,IOS标签栏的高度为49px。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 6

    IOS的标签也不同,也有向上的1px分界,用Y=-1的阴影或者是描边来表示。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 7

    在标签栏中肯定就是ICON图标了,Android和IOS的图标点击范围最小都是24px,IOS±4px调整,Android±8px调整。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 8

    关于设计的时候排版间距的问题,这里按照8px的倍数来排版,当然也可以用10px,看个人习惯了。tYv办公区 - 实用经验教程分享!

    Android和iOS设计区别有哪些tYv办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!tYv办公区 - 实用经验教程分享!


    标签: Androidios

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码