入门收藏篇!Android应用UI设计规范指南
更新时间:2023-10-23 19:35:19
很多新手设计师想要设计 Android 应用 UI 界面,不知道如何下手,今天和大家分享一些新手 UI 设计师入门必看的 Android 应用 UI 设计规范指南。作为一位 UI 设计师,熟悉了解 UI 设计尺寸规范对设计师而言是非常重要的,在制作 Android 应用 UI 设计中,遵循一些规范才能够提升用户体验和界面的一致性。今天我就从屏幕尺寸、字体规范、图标规范应用栏尺寸和列表高度这五方面详细为大家介绍 Android 应用 UI 设计尺寸规范指南,如果你是刚刚入门的 UI 设计新手,一定要点赞收藏!同时还会分享一些亲测好用的高质量且免费的 Android 应用 UI 设计尺寸规范资源,希望对 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 同款设计规范模版
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 设计规范的内容,资源广场内还有很多免费的规范指南,我经常在设计之前去这里看看,以防哪里出现错误,费时又费力。设计是一个不断学习和进步的过程,希望今天的文章能为大家的设计工作提供一些帮助。