Android UI设计尺寸怎么定？dp、sp、px与适配

Android UI 设计尺寸先用 dp 描述布局和触控区域，用 sp 处理文字，再根据目标密度和资源倍率准备 px 素材；不能拿一套设备像素值覆盖所有屏幕。需要同时检查多画板与标注时，可在界面设计软件中保留设备和状态对照。

Android 设备的屏幕宽度、密度和窗口形态不同。设计时先区分物理像素、布局单位和文字单位，再判断内容在窄屏、宽屏以及字体放大时如何排列；不要从操作系统是否开源推导尺寸规范。

同样宽度的设计稿可能显示在不同密度的屏幕上，因此分辨率不等于布局可用宽度。创建画板时，可以选择一个目标宽度作起点，但应继续测试更窄、更宽及内容更长的情况。

屏幕尺寸

360×640 或 375×667 这样的画布不能代表所有 Android 或 iPhone 设备。项目应根据目标窗口宽度选择测试范围，并把窗口可用区域与屏幕物理像素分开记录。

先以一个常用手机宽度完成主任务，再增加窄屏、宽屏和横屏画板，检查标题换行、操作位置和内容重排。需要创建画板时，可进入 Pixso 开始 Android 界面设计。

组件

下方界面案例包括四个区域，具体应用可以按任务增减：

• 状态栏

• 应用栏

• 内容区

• 底部导航栏

内容区是放置主要内容的地方，例如，文本、图像、插图、视频等。下图展示该案例的状态栏、应用栏和底部导航结构。图中的 24dp、56dp 是该布局采用的数值；新项目应按目标系统窗口边衬和所选组件规范确定尺寸：

应用栏

App Bar 通常由一个标题和一些图标组成，分解来看：

应用栏的标题尺寸、内边距和高度应采用项目所选组件体系的规则。上图说明的是一种结构，不能据此把 18 当成所有 Material Design 标题的统一字号；也不要遗漏 sp 等单位。 需要查看图中采用的资源，可打开Material Design 设计资源对照结构。

底部导航栏

底部导航用于少量主要目的地，标签与图标应共同说明去向。目的地较多或层级较深时，应重新安排导航结构；不要为塞下更多入口持续缩小点击区域，也不要仅凭图标猜测功能。

边缘和边距

图中的 16dp 侧边距是一种排版选择。页面边距、区块间距和组件内部留白应分开设置，并在同一产品中遵循统一的间距体系；具体数值由内容密度、设备宽度与组件规范共同决定。

初学者可以先沿用项目的间距规范，在同一页面放入短文本和长文本比较；比起逐个微调数值，先检查对齐、换行与分组关系更容易保持一致。

按钮

Android 官方无障碍指南建议触控元素具有至少 48×48dp 的触控区域。这里描述的是交互区域，不等于所有按钮的可见高度；图标较小时可以扩大触控范围，并让相邻目标保持可区分的点击区域。

在设计标注中分别写出可见按钮大小和触控区域，不使用“48dp 半径”来描述矩形命中区。按钮之间的间距也不应套用一个与所有场景无关的固定值。

Pixso建议：

• 区分可见图形与实际触控区域。

• 主要操作优先保证文案、点击范围与位置清楚。

• 尺寸遵循所采用组件体系，并检查目标设备与辅助功能设置。

• 按钮文字使用 sp 等文字单位，并检查字体放大后的换行。

按钮设计注意事项

• 不要拉伸图标

• 不要拉伸文本层

• 缩放一组图层后，检查文字、描边和图标是否仍保持正确比例与可读性。

• 导出位图和细线图标时检查像素对齐；小数坐标不等于“损坏像素”，布局数值应按实际渲染与设计规范判断。

• 同一组件、同一状态的实例应遵循相同规则；不同状态使用明确约定的样式差异。

如果你想进一步学习 Android UI 设计的尺寸规范，你可以打开 Pixso的资源社区 ，Pixso集成腾讯、阿里、字节、今日头条、蚂蚁设计等众多大厂优秀的设计系统，UI 设计师均可直接拖拽复用，从此省去大量模块化设计环节的重复劳动。