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

Question

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

谢谢,阿伦.

Answer 1

考虑可调整大小的设计比固定设计更好。就像您开发旨在在常规桌面环境中工作的软件一样。例如，无论显示器是 1024x768 还是 1680x1050，Microsoft Word 的行为都符合预期；UI 的不同部分根据窗口大小进行操作，一切顺利。所以，在手机上，应该是一样的。

在 iPhone 上，常规屏幕是 320x480。Retina 屏幕为 640x960。在 Android 上，有：240x320（很少见，在低端手机上...）、320x480（现在也很少见）、800x480、854x480、720x1280、800x1280、1080x1920...

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

做一个移动应用程序不像做一个网站。由于在iOS上只有两种屏幕尺寸，甚至一开始也只有一种，很多人采取了固定设计的方式，这并不是最合适的。重要的是要针对任何分辨率进行良好的设计，并提前计划不同的 UI 元素将如何调整大小、保持其大小或简单地移动。此外，让用户在横向模式下使用应用程序是明智的，特别是如果它是标准信息屏幕（列表、数据、数字、地图...）的组合。Android 框架有一些工​​具可以很容易地实现这种灵活性：大多数时候，它是将对应于不同情况的图像放在相应的文件夹中。

这是有关该主题的一些建议阅读。即使您不是开发人员，您也可能对以下内容感兴趣：

支持多屏

关于 Photoshop 中的分辨率：这仅在您处理书籍、海报、传单等印刷媒体时才相关。此设置可让您说“我想在 A4 纸上打印高分辨率 (300dpi) 而不想打扰像素”，让软件为您进行转换。实际的 72dp 设置意味着您的作品的 72 像素将打印在一英寸的纸上。

移动应用程序是一种屏幕媒体，以像素为单位创建，以像素为单位输出。dpi 设置或打印分辨率是无用的，对于任何类型的屏幕媒体都可以忽略，至少在使用图形程序时是这样。一旦将图像导入到 Android 项目中，就会考虑屏幕密度。

Answer 2

我的公司经常有一个项目同时有android和ios版本。通常设计是基于ios设备（640x960），在设计完成并确认我们的设计师对每个部分（如按钮、背景等）进行切割后。我建议在制作设计时，您创建分层的设计，以便设计对于设计师来说会更容易裁剪