创建基础 PSD 来为 mdpi、320/480px 设备设计 Android 应用程序 UI
我正在开始我的第一个 Android 手机设计工作。我对 iPhone、iPad 设计有一些经验,但 Android 完全不同,我什至不知道应该如何创建我的基本模板。
这是我要设计的设备信息。该应用程序仅在此设备上运行,无需多屏幕兼容性。
- mdpi
- 256K 颜色
- 3.5"
- ~165ppi 像素密度
- 320px/480px
那么,我是否要创建 320px/480px、72px 分辨率、rgb 的 Photoshop 文件?
感谢帮助!!!
I'm starting my first Android Phone design work. I have some experience with iPhone, iPad design but Android is totally different, I'm even not sure how I should create my base template.
Here is the device info I'm going to design. the app that will work only on this device, no need to multiple screen compatibility thing.
- mdpi
- 256K color
- 3.5"
- ~165ppi pixel density
- 320px/480px
So, do I create my photoshop file for 320px/480px, 72px resolution, rgb?
Appreciate helps!!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
Google 专门制作了一个完整的网站来满足您的需求:
http://developer.android.com/design/index.html
在您的情况下,您的 PSD 设置应如下设置:
注意/编辑:注意 DPI 设置为默认值为 72。这是因为 DPI 是打印机的元数据。当您阅读手机规格中的 DPI 时,他们谈论的是 LCD 排列在一起的距离的物理表示。图像的分辨率 (320x640) 是您唯一需要关心的事情。
Google has made a whole site dedicated for your needs:
http://developer.android.com/design/index.html
In your case, your PSD settings should be setup like this:
NOTE/EDIT: Notice DPI is set at the default of 72. This is because DPI is meta data for printers. When you read DPI in phone specs, they are talking about the physical representation of how far apart the LCD is packed together. Resolution of the image (320x640) is the only thing you need to care about.
您是否访问过 Android Design 网站?它专为……优秀设计师而设计。
查看设备显示部分以及支持多屏幕页面,了解屏幕尺寸的一般类别以及可接受的尺寸和尺寸这些的范围是。
Android 通常使用 DIP(显示独立像素),因此每英寸的实际像素取决于您为其创作艺术作品的屏幕。您必须针对不同密度的超大、大型、中型和小型屏幕进行设计。一般建议是从中等密度屏幕开始,然后您可以根据需要在艺术品中增加或减少密度。上面的链接给出了每种屏幕尺寸的一般dp尺寸以及不同类型屏幕的密度范围。还应该有一些有关将 dp 转换为像素的信息。
虽然谷歌不同意你的要求(特别是为 1 台设备设计),但你说该设备为 166ppi,因此你可以在设置中使用 165 像素/英寸,并根据你的尺寸设置 PSD 的高度和宽度。屏幕(无论宽度和高度以英寸为单位)。
这篇Smashing Magazine 上关于 Android 设计的文章应该会很有帮助。它很旧但很相关。
Have you looked at the Android Design site? It's specifically designed for... well designers.
Look at the devices display section and also the supporting multiple screens page to get an idea of what the general categories of screen sizes are and what an acceptable size and range for these is.
Android in general uses
DIP
's (Display independant pixel) so the actual pixels per inch depend on the screen you are creating art work for. You have to design for xlarge, large, medium and small screens with differed densities. General advice is to start with medium density screens and then you can increase density and decrease it in your artwork as needed. The link above gives the general dp dimensions of each screen size and density ranges of different types of screens. There should also be some info about converting dp to pixels.While google frowns on what you are asking (designing for 1 device in particular), you said the device as 166ppi so you could just use 165 pixel / inch in your setting and set the height and width of the PSD depending on the size of your screen (whatever it's width and height is in inches).
This Smashing Magazine article on designing for android should really help. It's old but relevant.
安卓则非常不同。如果您了解如何以正确的方式使用 Android 提供的属性,那么效果会很好。
引用自developer.android.com
您还应该了解一些工具,例如“draw9patch”。
最好的方法是在 Photoshop 中简单地创建布局,以便将布局记录下来。只要形状是矩形,具体尺寸并不重要。制定您的布局,然后开始使其适合 Android。
网上有很多很棒的教程,但正如我之前提到的。创建您的布局,然后开始使用 draw9patch 等工具针对 Android 进行自定义
Android is very different. If you learn how to do use the properties offered by android the right way it works greats.
Quote from developer.android.com
There are some tools you should get to know as well such as 'draw9patch'
The best thing to go off of is to simply create a layout in Photoshop just to get the layout down. It will not really matter what exact size as long as you have a rectangular shape. Make your layout and then start to make it fit in android.
Many great tutorials online, but as I mentioned before. Create your layout, then start to customize it for android by using tools such as draw9patch
那么为什么在谷歌样本中
(例如:IDEName\AndroidSDK\samples\android-8\NotePad\res\drawable-hdpi),
如果在 Photoshop 中打开图像(例如:app_notes.png)并按 ctrl + alt + i,查看分辨率,其为 72dpi!
但阿里说MDPI = 160dpi,HDPI = 240,...
所以它必须是240dpi,而不是72dpi。
so why in google samples
( ex : IDEName\AndroidSDK\samples\android-8\NotePad\res\drawable-hdpi ) ,
if open image ( ex : app_notes.png ) in photoshop and press ctrl + alt + i , to see resolution , its 72dpi !
but Ali says MDPI = 160dpi , HDPI = 240 , ...
so its must be 240dpi , not 72dpi.
位图要求类似于为打印和 Web 准备图形。如果您有印刷制作经验,您就会知道
72 PPI
图像在放大和打印时会显得非常像素化且模糊。相反,您需要将图像重做为矢量图像或使用高分辨率照片,然后将文件的分辨率设置为300 PPI
左右,以便在不损失图像质量的情况下进行打印。 Android 的屏幕密度工作原理类似,只是我们不更改文件的分辨率,仅更改图像的大小(即标准72 PPI
即可)。Android 智能手机和显示屏尺寸
The bitmap requirement is similar to preparing graphics for print vs. the Web. If you have any experience with print production, you’ll know that a
72 PPI
image will look very pixelated and blurry when scaled up and printed. Instead, you would need to redo the image as a vector image or use a high-resolution photo and then set the file’s resolution at around300 PPI
in order to print it without any loss of image quality. Screen density for Android works similar, except that we’re not changing the file’s resolution, only the image’s size (i.e. standard72 PPI
is fine).Android Smartphones And Display Sizes