Photoshop中用于Android和iPhone设计的屏幕分辨率

时间:2013-03-22 09:23:04

标签: android iphone photoshop resolution

对于iPhone的Android设计, 为什么我们将psd分辨率设置为72? 为什么我们不使用160用于mdpi而240用于hdpi等等。 设计Android应用程序或iPhone应用程序超过72 res有什么区别? 只是增加文件大小和清晰度? 请告诉我。

谢谢, 阿伦。 enter image description here

3 个答案:

答案 0 :(得分:4)

最好考虑可调整大小的设计而不是固定设计。就像开发用于常规桌面环境的软件一样。例如,无论显示器是1024x768还是1680x1050,Microsoft Word都会按预期运行; UI的不同部分根据窗口大小进行操作,一切顺利。因此,在手机上应该是一样的。

在iPhone上,常规屏幕为320x480。 Retina屏幕为640x960。 在Android上,有:240x320(罕见,在低端手机......),320x480(现在也很少见),800x480,854x480,720x1280,800x1280,1080x1920 ...

要抽象所有这些尺寸,有密度的概念。您可以利用此功能创建多个图像分辨率,以满足手机上每组类似分辨率的需求。

做一个移动应用程序不像做一个网站。与iOS一样,只有2种屏幕尺寸,即使只有一种屏幕尺寸,很多人采用的固定设计方法并不是最合适的。 为任何分辨率设计都很重要,并提前计划不同的UI元素将如何调整大小,保持其大小或简单移动。此外,让用户在横向模式下使用应用程序是明智的,特别是如果它是标准信息屏幕(列表,数据,图形,地图......)的复合体。 Android框架提供了一些工具,可以非常轻松地实现这种灵活性:大多数情况下,它是关于在相应文件夹中放置与不同情况相对应的图像。

以下是关于该主题的一些建议阅读。即使您不是开发人员,您可能对此感兴趣:

Supporting Multiple Screens

关于Photoshop中的分辨率:仅当您使用书籍,海报,传单等印刷媒体时,这才有意义。此设置允许您说“我想在A4纸上打印高分辨率(300dpi)而不打扰像素”,让软件为您进行转换。实际的72dp设置意味着您工作的72个像素将打印在一英寸纸上。

移动应用是一种屏幕媒体,以像素为单位创建。 dpi设置或打印分辨率是无用的,可以忽略任何类型的屏幕媒体,至少在使用图形程序时。将图像导入Android项目后,将考虑屏幕密度。

答案 1 :(得分:1)

我的公司经常有一个既有android又有ios版本的项目。通常设计是在设计完成后基于ios设备(640x960)并确认我们的设计师切割按钮,背景等各个部分。我建议在设计时创建设计分层每个对象所以设计将更容易为设计师削减

答案 2 :(得分:1)

此分辨率是打印分辨率。我理解它的方式,如果你想告诉打印机打印这个图像有多大(没有任何其他规则),你只会关心这个。对于网络而言,它完全无关紧要。