详细内容

• 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。