创建基本PSD以为mdpi，320 / 480px设备设计Android App UI

Question

我正在开始我的第一个Android手机设计工作。我有一些iPhone，iPad设计的经验，但Android完全不同，我甚至不确定如何创建我的基本模板。

这是我要设计的设备信息。该应用程序仅适用于此设备，无需多屏兼容性。

• MDPI
• 256K色
• 3.5"
• ~165ppi像素密度
• 320像素/ 480像素

那么，我是否要为320px / 480px，72px分辨率，rgb创建我的photoshop文件？

欣赏帮助!!!

Answer 1

Google已经建立了一个专门满足您需求的整个网站： http://developer.android.com/design/index.html

在您的情况下，您的PSD设置应设置如下：

注意/编辑：注意DPI设置为默认值72.这是因为DPI是打印机的元数据。当您在手机规格中阅读DPI时，他们正在谈论LCD打包在一起的物理表示。图像分辨率（320x640）是您唯一需要关注的事项。

Answer 2

你看过Android Design网站了吗？它专为......设计师设计。

查看devices display section以及supporting multiple screens页面，了解屏幕尺寸的一般类别以及可接受的尺寸和范围。

Android通常使用DIP（显示独立像素），因此每英寸的实际像素取决于您为其创作作品的屏幕。您必须设计具有不同密度的xlarge，大，中，小屏幕。一般建议是从中密度屏幕开始，然后您可以根据需要增加密度并减少它在您的图稿中。上面的链接给出了每种屏幕尺寸的一般dp尺寸和不同类型屏幕的密度范围。还应该有一些关于将dp转换为像素的信息。

虽然谷歌对你要问的东西皱眉（特别是为1个设备设计），你说设备为166ppi，所以你可以在你的设置中使用165像素/英寸，并设置PSD的高度和宽度取决于屏幕大小（无论宽度和高度以英寸为单位）。

这Smashing Magazine article on designing for android应该会有所帮助。它虽旧但相关。

Answer 3

Android非常不同。如果你学习如何以正确的方式使用android提供的属性，那就很有效。

来自developer.android.com的引用

  

每种屏幕尺寸都为用户交互提供了不同的可能性和挑战，因此，为了真正满足并给用户留下深刻印象，您的应用程序必须不仅仅支持多个屏幕：它必须优化每个屏幕配置的用户体验。

您应该了解一些工具，例如'draw9patch'

最好的办法是在Photoshop中创建一个布局，以便缩小布局。只要你有一个矩形的形状，它的确切大小并不重要。制作你的布局，然后开始使它适合android。

许多精彩的在线教程，但正如我之前提到的那样。创建你的布局，然后使用draw9patch

等工具开始为android自定义

Answer 4

  

因为你说你的屏幕是~165ppi，ppi =每英寸像素。此外，Android文档将160dp描述为MDPI的普遍接受的大小。 - 阿里2月7日22:22

所以为什么在谷歌样本 （例如：IDEName \ AndroidSDK \ samples \ android-8 \ NotePad \ res \ drawable-hdpi）， 如果在photoshop中打开图像（例如：app_notes.png）并按ctrl + alt + i，查看分辨率，其72dpi！ 但阿里说MDPI = 160dpi，HDPI = 240，......

所以它必须是240dpi，而不是72dpi。

Answer 5

位图要求类似于为打印与Web准备图形。如果您对打印制作有任何经验，那么在放大和打印时，您会发现72 PPI图像看起来非常像素化且模糊。相反，您需要将图像重做为矢量图像或使用高分辨率照片，然后将文件的分辨率设置为300 PPI左右，以便在不损失图像质量的情况下进行打印。 Android的屏幕密度类似，只是我们没有更改文件的分辨率，只有图像的大小（即标准72 PPI很好）。

Android Smartphones And Display Sizes