Question

所以我有一个移动应用程序，我有一个平面设计师。

现在我想让平面设计师为我提供全屏背景所需的图像。

该设备适用于Android和ios - 并且可以在Android和ios的各种移动/桌面类型上运行。

我的目的是让图形设计师为我提供图像的尺寸是多少？我读过android size-guide，并且不相信Android团队自己知道需要什么尺寸的图像。

（我的意思是，到处都有桌子，有时候他们会说基数乘以2，但后来例如470dp x 320dp * 2！= 960dp x 720dp）

ios屏幕尺寸表我正在使用is this one，除非有人说不然我会继续使用它。

我假设所有图片都是72 ppi，只是因为这似乎是建议from this question

Answer 1

我搜索并搜索了一个用于安卓的内容，我什么也没想出来。你将不得不在黑暗中硬编码Android的UI，它可以根据设备的大小调整对象的大小。虽然这听起来很难，但它只需要一些时间和练习（因为我和你一起把我的iOS应用程序带到了android，而我自己从未为Android编程）。最佳猜测是http://i1.wp.com/thedigitaldisciple.net/wp-content/uploads/Screen-Master-3-2014.jpg

对于iOS，它更容易。 http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/这是我个人喜欢使用的指南，因为它是iOS 7和iPhone 5s的最新版本。有关iOS 8的详细信息，请参阅developer.apple.com及其中的大型库（您需要支付99美元的费用才能访问这些库，下载软件并在网络上托管您的应用程序。）

希望这回答了一个问题：）

更新：这是关于在Android上测试多种屏幕尺寸的良好链接，因为没有设置尺寸。 http://developer.android.com/guide/practices/screens_support.html#testing

Answer 2

有没有人有android os大小要求（平板电脑/手机）的列表

它可以是任何东西。

这与窗口操作系统（例如，Windows，OS X，Linux）或浏览器窗口中的桌面窗口没有什么不同，后者可以具有任何宽度和高度。要么不使用全屏背景，要么使用桌面和Web开发人员使用的相同技术（例如，全屏背景淡化为某些基本颜色，可用于填充背景宽高比不同的地方从屏幕/窗口/浏览器的纵横比）。

这可以在72ppi确认图像吗？

Android屏幕密度分为几个存储区，如the documentation中所述。没有是72dpi。

Answer 3

我只能回答Android问题。我想您只需要关注此链接中的信息：http://developer.android.com/design/style/iconography.html。

中等质量资产为48dp x 48dp。这意味着它在160 ppi屏幕上将是48px x 48px。在72 ppi屏幕上，图像将显示为107px x 107px。

我猜您可以像定义HDPI，XHDPI，...图标一样定义图片其他品质的尺寸。

HDPI图标必须是MDPI的1.5倍，因此它将是：
72pp * 72px，160 dp
或240pp时48px * 48px

XHDPI图标必须是MDPI的2倍，因此它将是：
96px * 96px，160 dp
或者在320 dp时48px * 48px

因此，我认为您需要使用不同的ppi参数保存相同的文件以获得不同的质量。我可以为您提供一个脚本，以便在需要时自动从Illustrator中完成

Answer 4

关于Android的问题是有各种各样的屏幕，从SD到4K。它们中的大多数都具有大约16：9的宽高比，但也有二次屏幕（很快Moto 360带有圆形屏幕）所以你能做的最好的事情就是获得4K的图像并在应用程序中缩小它适合屏幕。

Answer 5

您必须注意official guide中解释的不同方面。

对于图像资源，您必须注意不同的屏幕密度。正如您所说，除了不同的密度，您需要全屏背景图像，您必须考虑设备方向和宽高比，但在大多数设备中，背景图像的某些部分将不在屏幕之外。

Answer 6

适用于iPhone：

以下是两种可用于屏幕尺寸的尺寸

                                iPhone 4S              iPhone 5

Window (including status bar)   320 x 480 pts          320 x 568 pts

View inside window
(visible status bar)           320 x 460 pts           320 x 548 pts

Launch Image                   640 x 960 pixels       640 x 1136 pixels
(Launch Image Sizes for 
 iPhone )

您可以将此链接与iPhone size

联系起来

适用于Android：

它随大小而变化

For larger screen phones   720*1280

For small screen phones    480*800

取决于设备的分辨率。一些较大的屏幕尺寸具有低分辨率，因此它们使用480 * 800和一些小屏幕尺寸的设备，但高分辨率使用720 * 1280

您可以将此链接与android size

联系起来

Answer 7

刚到androidpixels.com并确定你需要什么。此外，您可以要求您的设计人员添加一些应用程序，这些应用程序可以为您提供sp文本大小和来自psds的余量。

Answer 8

您可以设置特定于平台的样式和属性。您可以轻松地通过分别设置每个平台的样式来处理多屏幕尺寸。例如：在style.css中

 .android #theElement { ... }

 .ios #theElement { ... }

或甚至更多细节：

 .ios.phone #theElement { ... }

 .android.tablet #theElement { ... }

以下链接应该可以帮助您：

https://blog.safaribooksonline.com/2012/07/13/phonegap-tip-changing-look-feel-based-on-the-platform/

supporting multiple resolution and density of images in phonegap

android和ios移动设备需要什么屏幕尺寸？

8 个答案: