App 设计

app 界面设计的常用尺寸

1. iPhone 设备：
   • iPhone SE (第 1 代)：320 x 568 像素
   • iPhone 6/6s/7/8：375 x 667 像素
   • iPhone 6/6s/7/8 Plus：414 x 736 像素
   • iPhone X/XS/11 Pro：375 x 812 像素
   • iPhone XR/11：414 x 896 像素
   • iPhone XS Max/11 Pro Max：414 x 896 像素
2. Android 设备：
   • Android 手机：360 x 640 像素
   • Android 平板：768 x 1024 像素
3. iPad 设备：
   • iPad Mini：768 x 1024 像素
   • iPad：768 x 1024 像素
   • iPad Pro：1024 x 1366 像素

常规组件

1. 项部状态

   Android 设备：
   在 Android 设备上，状态栏高度通常是 24 dp 或 25 dp。这对应于大约 24 像素或 25 像素的高度。
   iOS 设备：
   在 iPhone 上，状态栏高度通常是 44 像素。
   在 iPad 上，状态栏高度通常是 24 像素。

2. 顶部标题栏：

   高度：通常在 48 像素到 72 像素之间
   宽度：与屏幕宽度相等

3. 底部导航栏：

   高度：通常在 48 像素到 56 像素之间
   宽度：与屏幕宽度相等

4. 按钮尺寸

   按钮高度： 通常在 36 像素到 48 像素之间。
   对于大型按钮或特殊按钮，高度可以超过 48 像素。

5. 两边的边界

   通常在 8 像素到 16 像素之间。
   这是最常见的内边距大小，用于在元素之间提供适当的间距。
   对于特殊元素或需要更大间距的情况，内边距可以超过 16 像素。
   这可以用于创建更显眼或独特的界面元素。