为 Android 设计 - 分辨率?
我正在为 Android 设计一个应用程序,我们的主要目标设备是 Nexus S 和 Galaxy Tab,所以我想知道我应该设计哪种分辨率以及使用什么 PPI?我会用photoshop。
令人惊讶的是,我找不到一个像样的 Android PSD 模板,而 iOS 上有大量可用的 PSD 模板,或者也许我只是没有找对地方?
非常感谢
I'm designing an app for android, and the main devices we're targeting are Nexus S and Galaxy Tab, so I wonder which resolution should I design for and what PPI to use? I'd be using photoshop.
Surprisingly, I couldn't find a single decent PSD template for android while there are tons available for iOS, or maybe I'm just not looking at the right place?
Many thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
Nexus S 和 Galaxy Tab 均配备 HDPI 屏幕。布局尺寸为:
对于 HDPI 图形,标称分辨率为 240 DPI。图形的大小应为
像素 = dips * (密度/160)
,对于 HDPI 设备变为
像素 = dips * 1.5
,其中 dips 是对象的大小与密度无关的像素。这意味着 16x16 普通 (MDPI) 图标在 HDPI 设备上应为 24x24 像素,以保持相同大小的图形。
屏幕尺寸为:
因此只需将您的模型设置为这个尺寸即可。
The Nexus S and Galaxy Tab both have
HDPI
screens. The layout sizes are:For HDPI graphics the nominal resolution is 240 DPI. The size of a graphic should be
pixels = dips * (density / 160)
which for HDPI devices becomes
pixels = dips * 1.5
, where dips is the size of the object in density independent pixels.This means a 16x16 normal (MDPI) icon should be 24x24 pixels on an HDPI device to maintain the same size graphic.
The screen sizes are:
so just make your mockups this size.
您可以在此处查看每个移动设备的详细信息 (http://deviceatlas.com):
http://deviceatlas.com/devices/Samsung/Nexus+S/entry/2282190
deviceatlas.com/devices/Samsung/Galaxy+Tab/entry/1999308
deviceatlas.com/devices/Samsung/Galaxy+Tab+ 2/entry/2258482
deviceatlas.com/devices/Samsung/Galaxy+Tab+10.1/entry/2418093
您还可以使用 Tera-WURFL 脚本通过从浏览器获取用户代理来检测移动设备宽度。
请在此处查看演示:http://www.tera-wurfl.com/explore/
You can see details for every mobile devices here (http://deviceatlas.com):
http://deviceatlas.com/devices/Samsung/Nexus+S/entry/2282190
deviceatlas.com/devices/Samsung/Galaxy+Tab/entry/1999308
deviceatlas.com/devices/Samsung/Galaxy+Tab+2/entry/2258482
deviceatlas.com/devices/Samsung/Galaxy+Tab+10.1/entry/2418093
You can use also Tera-WURFL script for detecting mobile device width by getting user agent from browser.
See demo here: http://www.tera-wurfl.com/explore/