适用于 Android 设备的最佳分辨率是什么?

平面设计 设计原则 解析度 安卓
2022-02-18 08:45:58

我正在尝试为 Android 设备设计一个应用程序,但它们有各种尺寸和东西......具有不同的分辨率,而且有点令人困惑。最好的方法是什么?

以最高分辨率工作,然后程序员为其他设备缩小一切?...问题是设备具有不同的分辨率并且比例不匹配...所以我真的很困惑,如果他缩小并且不保持比例...整个设计将被破坏。 ..

在设计不同比例的屏幕时应该遵循什么方法?任何提示、工作流程、链接、建议……都非常受欢迎。

我在 Android 网站上找到了这个,它非常有用……但我想知道我是否可以从为应用程序设计过的人那里得到答案……工作流程是什么?

谢谢你。

4个回答

这是纯粹从网站的角度来看的答案。

媒体查询,受 CSS3 的约束,让我们可以更好地控制网站如何看待各种分辨率。当您缩小浏览器的宽度时,它将切换到该宽度的代码。

有关媒体查询的一些信息 - http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries

这属于响应式网页设计,这是当前的热潮。

有关响应式网页设计和媒体查询的一些信息 - http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

现在来看看响应式设计的缺点 - 响应式/缩放图像:

“在移动设备上查看响应式网站会在调整图像大小时强制其 CPU 和内存,因为您正在下载大图像,将其解压缩到手机内存中,然后调整其大小以适应小屏幕。这个过程每个大约需要 3 个字节1024×768 的图片大约需要 2.36MB 的内存。大多数客户端平均一次只请求 4 张图片,但 9.44MB 对于页面加载来说仍然很大。推荐的图片文件大小移动环境可能是 100×100,但这是一种乌托邦式的,因为适合桌面网站的图像超过了该分辨率。” - http://www.webdesignshock.com/responsive-design-problems/

有几种解决方案:

http://stuffandnonsense.co.uk/projects/320andup/

http://adaptive-images.com/

这是一种相对较新的网站创建方式,但是网上有很多信息,从粉碎杂志分开的列表

*编辑:如果问题是关于 stackoverflow 或网站管理员的,您可能会得到更多答案。

好的,很多这些答案都很棒,但让我给你一些设计师的想法。

  1. 现在,您有 3 种不同的密度要设计(mdpi、hdpi 和 xhdpi)。

  2. 虽然选择密度开始是您的偏好,但我建议从 hdpi 开始,然后从那里缩放您的设计。如果您查看有关有多少人在使用 xhdpi 设备的统计数据,它会非常低。而且,mdpi 设备在物理上只是很小,您可能希望从更详细的设计开始。希望您不是为拥有 mdpi 设备的用户设计的;)

  3. 就过程而言,我通常做的是打开 Photoshop,创建一个新文档,并将画布设置为 480x800(平均 hdpi 设备分辨率)。从那里,我将设计出整个应用程序。设计完成后,我开始削减资源(除非您的开发人员知道他/她处理 Photoshop 文档的方式)。在切割 hdpi 资产的过程中,我将在 Photoshop 中缩放每个单独的资产以适合适当的密度,然后将它们保存出来。

缩放是另一个问题。以下是一些快速参考:
hdpi > mdpi = -66%
hdpi > xhdpi = +133%

通过减去或增加一个百分比来缩放每个。缩放资产后,请确保在保存之前检查它是否存在未对齐的像素。

  1. 说到资产,有一件非常重要的事情要记住。如果您正在为多个分辨率设计应用程序,您将希望创建尽可能多的 9-patch 资源。查看此链接以了解 9 补丁的说明:http: //developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch

对不起,如果这很长,但我想你会很感激详细的回答。我知道有一位设计师同行并提供帮助是多么棒的事。

祝你好运!

首先,你打算只支持手机还是平板电脑?

其次,你说得很对。我的经验来自游戏,但我相信它也适用于其他应用程序。只需先创建您的高分辨率资产,然后针对中分辨率和低分辨率设备进行相应的缩放。您不必担心微小的屏幕尺寸差异,比如小于 20 像素,因为由于 android 应用程序的工作方式,内容应该能够正常流动。这是另一件事要记住。您需要设计您的应用程序,使其可以自由流动。

底线是,根据像素密度而不是分辨率设计图形资源,并根据分辨率调整布局。(应用程序会根据设备的 ppi 自动选择合适的资源)

希望这可以帮助!:)

Android 使用与密度无关的像素并缩放 UI 以匹配设备屏幕的分辨率。由于有多种不同的制造商,设计师通常在160ppi240ppi320ppi下创建资产,这涉及到 100%、150% 和 200% 的比例。

来自Android 开发者指南

“与密度无关的像素相当于 160 dpi 屏幕上的一个物理像素,这是系统为“中等”密度屏幕假设的基线密度。在运行时,系统会根据使用中屏幕的实际密度,根据需要透明地处理 dp 单位的任何缩放。dp 单位到屏幕像素的转换很简单:px = dp * (dpi / 160)。例如,在 240 dpi 的屏幕上,1 dp 等于 1.5 个物理像素。”

当您缩放您的工作时,请考虑使用最近邻方法以避免针对不同分辨率的质量较差的缩放。Bjango 有一组有用的 Photoshop 动作,可以让移动设计更容易一些。