在设计不同的设备时,无论操作系统如何,都需要考虑两件事:第一是屏幕密度,第二是物理屏幕尺寸.
能够对已知屏幕像素大小的设备进行分类是不够的.例如,10英寸平板电脑和24英寸台式机显示器之间的1920×1080像素显示器之间存在差异.为了描述我们可以使用的真实屏幕区域,术语“设备无关像素 – dp或dip”.这是描述指定操作系统的100%刻度的单个像素的基线大小.
不同的操作系统具有不同的基线密度.对于96 dpi的Windows,对于Android 160 dpi,对于iOS 163 dpi.此外,这些密度因设备而异,因此实际硬件屏幕密度通常与逻辑密度不同.想象一下1920×1080像素22“和24”显示器之间的区别.两者都具有相同的声明操作系统(Windows密度为96dpi),但实际硬件密度和物理尺寸不同.
每个操作系统都有一些设计指南,用于在基线密度下使用的图标和字体大小,然后您应该为更高密度的屏幕进行扩展.
字体具有定义为用户定义的字体比例的附加维度.这意味着用户可以选择增加或减少基线字体比例 – 在Android上称为与尺度无关的像素(sp),在iOS术语上是动态类型尺寸.在声明字体大小时,最好考虑用户定义的字体首选项,但在某些情况下,当您在图像上写文本或进行其他更精确的设计时,可以忽略用户大小并使用默认基线大小来制作确保您的设计不会因非默认字体缩放设置而分崩离析.
实际上,当你的图标大小为20x20dp时,你将在所有设备上使用相同的大小.您可以在大屏幕设备(平板电脑)上使用略大的图标,但只是将图像缩放3倍并不会看起来不错.此外,对于这些图标的大小,没有明确的规则.这完全取决于您的申请.如果您正在制作文本编辑器或图像编辑器,则需要保留较小的图标,以便在较大的设备上提供更多有用的空间.另一方面,对于某些游戏,无论大小如何,您都可以按比例缩放整个屏幕以适应屏幕.这完全取决于你.
最常见的秤和屏幕尺寸(dpi密度是提供信息的,实际设备密度可能会有所不同):
Android的
small screen - at least 426dp x 320dp
normal screen - at least 470dp x 320dp
large screen - at least 640dp x 480dp
xlarge screen - at least 960dp x 720dp
0.75x ldpi ~120dpi
1.0x mdpi ~160dpi
1.5x hdpi ~240dpi
2.0x xhdpi ~320dpi
3.0x xxxhdpi ~480dpi
4.0x xxxhdpi ~640dpi
iOS版
1.0x @1x ~163dpi
2.0x @2x ~326dpi
3.0x @3x ~401dpi
视窗
1.0x ~96dpi
1.25x ~120dpi
1.5x ~144dpi
2.0x ~192dpi
进一步阅读: