入门收藏篇!Android应用UI设计规范指南

更新时间:2023-10-23 19:35:19

很多新手设计师想要设计 Android 应用 UI 界面,不知道如何下手,今天和大家分享一些新手 UI 设计师入门必看的 Android 应用 UI 设计规范指南。作为一位 UI 设计师,熟悉了解 UI 设计尺寸规范对设计师而言是非常重要的,在制作 Android 应用 UI 设计中,遵循一些规范才能够提升用户体验和界面的一致性。今天我就从屏幕尺寸、字体规范、图标规范应用栏尺寸和列表高度这五方面详细为大家介绍 Android 应用 UI 设计尺寸规范指南,如果你是刚刚入门的 UI 设计新手,一定要点赞收藏!同时还会分享一些亲测好用的高质量且免费的 Android 应用 UI 设计尺寸规范资源,希望对 UI 设计爱好者们有所帮助!

现在点击下图👇即可免费使用海量精美模版

android应用ui设计

1、屏幕尺寸

Android 的形状和尺寸有很多种,因此应用的布局应该灵活应对不同的屏幕尺寸和方向。360x640 是最常见的手机屏幕分辨率。Android 设备屏幕分辨率为 360x640 的纵横比为 16:9,以下是我整理的主流 Android 应用的分辨率和尺寸,大家在设计之前可以参考一下。

设备分辨率尺寸设备分辨率尺寸三星 Galaxy S34.8 英寸720 × 1280三星 Galaxy S45 英寸1080 × 1920三星 Galaxy S55.1 英寸1080 × 1920三星 Galaxy S64.5 英寸1200 × 1920小米 14 英寸480 × 854小米 1s4 英寸480 × 854小米 24.3 英寸720 × 1280小米 2s4.3 英寸720 × 1280小米 35 英寸1080 × 1920小米 3s (概念)5 英寸1080 × 1920小米 45 英寸1080 × 1920红米4.7 英寸720 × 1280红米 Note5.5 英寸720 × 1280OPPO Find 75.5 英寸1440 × 2560OPPO Find 7 轻装版5.5 英寸1080 × 1920OPPO N1 mini5 英寸720 × 1280OPPO R35 英寸720 × 1280OPPO R1S5 英寸720 × 1280华为 Ascend P75 英寸1080 × 1920华为 Ascend Mate76 英寸1080 × 1920华为 荣耀65 英寸1080 × 1920华为 Ascend Mate26.1 英寸720 × 1280华为 C1995.5 英寸720 × 1280魅族 MEIZU MX45.36 英寸1152 × 1920魅族 MEIZU MX35.1 英寸1080 × 1800

2、字体规范

Android 应用中文采用的是思源黑体 / Noto Sans Han,英文字体为 Robot 字体。Android 的字号单位是 SP 。只使用偶数单位 24 pt、28 pt、32 pt、36 pt 等字体大小,最小字号 20 px。

3、图标规范

快捷图标尺寸

  • 实际面积:高度 44 dp、宽度 44 dp
  • 总面积:高度 48 dp、宽度 48 dp
  • 系统图标尺寸:高度 24 dp、宽度 24 dp
  • 实际面积位置:剩余高度 24 dp、剩余宽度 24 dp

系统图标尺寸

  • 方形:高度 18 dp、宽度 18 dp
  • 圆形:直径 20 dp
  • 垂直长方形:高度 20 dp、宽度 16 dp
  • 水平长方形:高度 16 dp、宽度 20 dp

现在点击下图👇即可一键 get 同款设计规范模版

Android应用UI设计规范

4、应用栏尺寸

  • 应用栏高度:56 dp
  • 应用栏左右内边距:16dp
  • 应用栏图标上下左内边距:16 dp
  • 应用栏标题左内边距:72 dp
  • 应用栏标题下边距:20 dp
  • 应用栏高度:128 dp
  • 操作栏高度:56 dp
  • 标题栏高度:80 dp
  • 标题栏底部内边距:8 dp
  • 描述区域高度:72 dp
  • 描述区底部内边距:10 dp

5、列表高度

垂直边框、水平外边距、边框左右外边距各 16 dp,带有图标或者头像的内容有 72 dp 的左边距。

垂直边距

  • 状态栏:24 dp
  • 工具栏:56 dp
  • 子标题:48 dp
  • 列表项:72 dp

6、总结

以上就是一些新手 UI 设计师入门必看的 Android 应用 UI 设计规范指南,遵循这些 Android 应用 UI 设计规范,可以提升界面美观度和用户体验,让用户更加舒适地使用应用。对 UI 设计师而言,熟悉掌握这些设计规范就变得至关重要了,即时设计为设计师提供了很多关于 UI 设计规范的内容,资源广场内还有很多免费的规范指南,我经常在设计之前去这里看看,以防哪里出现错误,费时又费力。设计是一个不断学习和进步的过程,希望今天的文章能为大家的设计工作提供一些帮助。