在Android APP UI设计和切图过程中,设计师需要根据不同的屏幕尺寸和分辨率来创建适配的界面,以下是一些常见的Android设备屏幕分辨率和对应的设计尺寸:
分辨率 | 像素宽度 × 高度 | 代表机型 | 说明 |
QVGA | 240×320 | 如中兴N600、HTC G8 Wildfire等 | 用于1000元以下的低端Android手机,对软件兼容性不好,很多应用可能无法正常运行。 |
HVGA | 320×480 | 如HTC G1、G2、G3、LG P500等 | 曾经的主流分辨率,现在售价在1500到2000元之间的手机常用此分辨率。 |
WVGA | 480×800 | 如三星i9100、i9100、i929等 | 当前的主流分辨率,很多大型游戏要求的最低分辨率。 |
FWVGA | 854×480 | 如摩托罗拉里程碑一代二代、索爱X10等 | 在摩托罗拉的Android手机中比较常见,显示效果略好于WVGA。 |
qHD | 960×540 | 如HTC Sensation、摩托罗拉Atrix 4G等 | 今年推出的高端双核手机,软件兼容性较差,是未来发展的一大潮流。 |
DVGA | 960×640 | 如M9安卓独享,显示效果十分出色,但许多应用在该分辨率下无法运行。 | |
HD | 1280×720 | 如谷歌第三代手机Nexus Prime据说级别最高,足以和平板电脑媲美。 |
还有一些特殊分辨率需要注意:
| 分辨率 | 像素宽度 × 高度 | 代表机型 | 说明 |
|||||
| 1280×752 | M9安卓独享 | 显示效果十分出色,但许多应用在该分辨率下无法运行。 |
在进行UI设计时,设计师通常会选择一个基准尺寸进行设计,然后根据不同的分辨率进行适配,可以选择最大的分辨率1280×720 px作为设计稿的尺寸,然后根据其他分辨率进行切图和适配。
在切图过程中,设计师需要注意以下几点:
1、考虑可交互控件的最小尺寸:图片中的可视元素尽量不小于48dp,以保证用户能够方便地进行操作。
2、图片格式选择:推荐使用PNG、JPG或24位带透明通道的PNG格式,以确保在不同设备上的显示效果一致。
3、文件命名规范:为了方便后续开发,建议将文件命名为英文并使用下划线分隔,避免使用中文命名。
4、资源文件夹管理:在Android项目中,不同分辨率的资源应放置在相应的资源文件夹中,如drawablehdpi、drawablexhdpi等。
Android APP UI设计和切图是一个复杂而细致的过程,需要设计师充分考虑不同设备的屏幕尺寸和分辨率,以及用户的交互体验,通过遵循上述规范和最佳实践,设计师可以创建出既美观又实用的移动应用界面。
【Android APP UI设计、切图常用尺寸大全】
屏幕尺寸与分辨率
1、常见屏幕尺寸及分辨率:
720p:1280x720
1080p:1920x1080
2K:2560x1440
4K:3840x2160
2、高分辨率屏幕:
QHD:2560x1440
WQHD:2560x1440
UHD:3840x2160
导航栏尺寸
1、普通导航栏高度:48dp
2、底部导航栏高度:56dp
状态栏尺寸
1、普通状态栏高度:24dp
2、全面屏状态栏高度:38dp(含导航栏)
栏高度:48dp
按钮尺寸
1、小型按钮宽度:48dp,高度:36dp
2、中型按钮宽度:72dp,高度:48dp
3、大型按钮宽度:96dp,高度:56dp
文字尺寸
1、正文文字:14sp
文字:16sp
文字:18sp
文字:22sp
5、特殊强调文字:24sp
间距
1、间距:8dp
2、中间距:16dp
3、大间距:24dp
4、超大间距:32dp
图片尺寸
1、图片边距:8dp
2、图片宽度:根据布局需求
3、图片高度:根据布局需求
图标尺寸
1、图标尺寸:48x48dp
2、图标边距:8dp
字体
1、正文字体:Roboto Regular
字体:Roboto Medium
3、强调字体:Roboto Bold
十一、其他
1、1dp等于屏幕宽度的1/160
2、1sp等于1dp除以当前屏幕的密度
3、使用矢量图(SVG)可以提高图标和图形的适配性
尺寸仅供参考,实际应用中可能需要根据具体的设计规范和设备特性进行调整。