所以我有一个移动应用程序，还有一位平面设计师。
现在我想让平面设计师为我提供全屏背景所需的图像。
该设备适用于Android和iOS，并且可在各种Android和iOS移动/平板电脑上运行。
我应该让平面设计师给我哪些尺寸的图像？我阅读了android size-guide，但并不确定Android团队自己知道需要什么尺寸的图像。
（我的意思是，到处都是表格，有时他们说要将基数乘以二，但例如470dp x 320dp *2！= 960dp x 720dp）
我使用的是这个iOS屏幕尺寸表，除非有人说其他，否则我将继续使用它。
我假设所有图像都是72 ppi，因为那似乎是从这个问题的建议。
9个回答
4
2022年2月更新
由于这篇文章仍然受到关注，以下是一些更新的资源：
Android:
- 设计参考： https://support.google.com/googleplay/android-developer/answer/9866151?hl=en
- 应用商店参考： https://support.google.com/googleplay/android-developer/answer/9866151?hl=en#zippy=%2Cscreenshots (截图)
iOS:
- 设计参考： https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
- 应用商店指南： https://help.apple.com/app-store-connect/#/dev4e413fcb8 (已接受的分辨率)
原回答
我已经搜索了很多关于Android的UI自适应的资料，但是没有找到。您需要手动编写适用于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
- Erik Bean
2
我只能回答关于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倍，因此它将是：
在160 dp下为72px*72px
或者在240 dp下为48px*48px
XHDPI图标必须比MDPI大2倍，因此它将是：
在160 dp下为96px*96px
或者在320 dp下为48px*48px
因此，我认为你需要使用不同的ppi参数保存相同的文件以获得不同的质量。如果需要，我可以提供一个从Illustrator自动执行此操作的脚本。
中等质量的素材必须是48dp x 48dp。这意味着在160 ppi的屏幕上，它将是48px x 48px。在72 ppi的屏幕上，图像将显示为107px x 107px。
我猜你可以以定义HDPI、XHDPI等图标的方式来定义其他质量图片的尺寸。
HDPI图标必须比MDPI大1.5倍，因此它将是：
在160 dp下为72px*72px
或者在240 dp下为48px*48px
XHDPI图标必须比MDPI大2倍，因此它将是：
在160 dp下为96px*96px
或者在320 dp下为48px*48px
因此，我认为你需要使用不同的ppi参数保存相同的文件以获得不同的质量。如果需要，我可以提供一个从Illustrator自动执行此操作的脚本。
- Jejefcgb
1
有人有Android操作系统大小要求的列表吗（平板电脑/手机）
可以是任何东西。
这与窗口化操作系统（例如Windows、OS X、Linux）或浏览器窗口中的桌面没有区别，可以是任意宽度和高度。要么不使用全屏背景，要么使用桌面和Web开发人员使用的相同技术（例如，全屏背景淡出到一些基本颜色，可用于填补背景的纵横比与屏幕/窗口/浏览器的纵横比不同的地方）。
可以确认图像的分辨率是72ppi吗？
Android屏幕密度分为几个桶，如文档所述。 没有一个是72dpi。
- CommonsWare
7
实际上，我所读到的-请看这里：https://dev59.com/BmnWa4cB1Zd3GeqP3sLm#25526657-是对于非打印（即基于计算机）显示媒介而言，dp 实际上并不重要。 - bharal
每英寸像素数仍然在在线上有关联，但 DPI 设置不会影响图像的显示。这意味着，当我制作一个320x320的图片时，给该图片1dpi或1,000dpi都没有影响。相反，设备的dpi将决定图像的外观 - 高密度设备将显示比低密度设备更小的图像。一些图像在高密度设备上的外观与图像的 dpi 无关，因此设备的 dpi 重要性超过图像的 dpi。 - bharal
或者我是在混淆问题？ - bharal
@CommonsWare：您即将改变我对dpi的整个概念。您是想说图像与它们的dpi无关吗（根据您最后的评论）？？？让人困惑。 - MOSO
@MOSO：PNG和JPEG没有每英寸点数。它们有“点”（又称像素）。每英寸可以显示多少个点由屏幕密度决定。 - CommonsWare
显示剩余2条评论
0
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尺寸。
对于Android：
它会根据尺寸而异。
For larger screen phones 720*1280
For small screen phones 480*800
这取决于设备的分辨率。一些较大的屏幕尺寸具有较低的分辨率，因此它们使用480*800，而一些小屏幕尺寸设备但具有高分辨率则使用720*1280
您可以使用android size链接查看。
- chandan
0
你可以设置特定于平台的样式和属性。 通过为每个平台分别设置样式，轻松地处理多屏幕尺寸。 例如： 在 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/
- Rez
0
在编程方面，你必须注意官方指南中所解释的不同方面。
对于图像资源，你必须注意不同的屏幕密度。正如你所说，你想要全屏背景图片，除了不同的密度，你还必须考虑设备的方向和可能的长宽比，但在大多数设备上，一些背景图片的部分将超出屏幕。
- Juan Sánchez
0
刚刚访问了androidpixels.com并确定您需要什么。此外，您可以要求设计师在psd中包含提供sp文本大小和边距的应用程序。
- Austin Musice
0
Android的问题在于有各种屏幕，从SD到4K。大多数屏幕的宽高比约为16:9，但也有正方形的屏幕（以及很快就会有带圆形屏幕的Moto 360），所以你能做的最好的事情就是在应用程序中获取一个4K的图像并将其缩小以适应屏幕。
- Gumbo
0
我的愿景
设计师选择最受欢迎的设备（适用于iOS和Android），并在设计系统（Figma，Zeplin等）中设置环境，然后系统会了解设备及其分辨率，并提示创建正确的图像，并具备生成其他分辨率的能力或下载矢量文件的功能。
- yoAlex5
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接