如何使用iPhone和iPad的设计模板_APP设计新手教程【二】

首先你要清楚了解iPhone和iPad标准屏幕尺寸和图标大小

    如果你还没有读过的苹果iPhoneiPad的界面指南,建议你先去阅读下。这是一个很详细的信息介绍,很值得花费时间去看下,以了解苹果认为有关应用程序设计。这些指南还拼出来的屏幕大小,图标大小和分辨率的详细规格。接下来,我会解决一些常见的问题,并总结这些规范在一个易于消化的格式!

新的Retina Display什么决议?

iPhone 视网膜屏幕看是一个壮观的事情。查看新的和老的屏幕并排时,很明显有变化,这显示影响您的应用程序的设计。

你可以比较这两个设备界面,从以前的型号为iPhone 4的屏幕尺寸是不变的。然而,无论是iPhone 4的屏幕尺寸和屏幕的像素密度增加一倍,给它一个640×960px屏幕尺寸(相比以前的320×480像素大小)和高达每英寸326像素(相比以前163ppi)。这种新的屏幕挤压那里曾经是一个4个像素 - 这就是为什么图像看起来那么清脆可口!

当读取屏幕分辨率很容易将很快成为困惑。事实是最终导出的文件类型通常是在iPhone上,PNG和X​​code的PPI值时保存的渲染图像,不考虑。如果您按照以下规定的尺寸,你会在良好的状态!

02

Photoshop的安装规格:

iPhone 3.0

屏幕分辨率:72像素

屏幕尺寸:320 x 480像素

图标大小:57×57像素

文件格式:PNG-24

iPhone 4.0

屏幕分辨率:72像素的

画布大小:640×960像素

图标大小:114×114像素

文件格式:PNG-24

iPad的

屏幕分辨率:72像素的

画布大小:768×1024像素

图标大小:72×72像素

文件格式:PNG-24

在iTunes Store

图标的图形:512×512像素(TIF,JPG或PNG格式,72dpi的RGB)的

iPhone截图:320 x 480像素或640×860像素(TIF,jpg或png文件,72dpi的RGB )

iPad的截图:1024×768像素(TIF,jpg或png文件,72dpi的RGB)

屏幕尺寸的未来

当我们正在讨论的屏幕尺寸,重要的是要谈论未来的数字设备一般。我不是算命先生,但在过去的一年里,这已经不是什么秘密的各种乘以兔子之类的,他们生产的后代有不同的屏幕尺寸的触摸屏设备。唉!作为设计师,这意味着我们必须准备好如何翻译的设计,多种设备和操作系统。

一个应用程序的生命周期,可以运行许多课程之一。有些应用程序只住在一个平台上,其他人拓展到其他的移动设备,甚至一个基于网络的存在。创建可扩展的图形,可以节省你的头痛重新创建为每个特定平台的图形。使用形状图层或矢量智能对象是最好的方式来处理的屏幕尺寸和操作系统的增殖。

设计3.0或视网膜第一?

为iPhone设计的图标是我第一次引进的决定“开始小和规模”或“大和规模开始。”对我来说,很明显,设计为320×480px屏幕尺寸,然后调整大小后几个执行高达640×960px是更好的选择。失去细节设计时,必须有大小,缩小后的最小屏幕尺寸的设计消除了失望。

如何创建应用程序的图形视网膜显示技术

比方说,你的3.0 iPhone设计的应用程序,你要准备这个应用程序对于iPhone 4的视网膜显示。你会怎么做?只是它的大小从320×480到640×960?是。现在的问题是,如果你还没有创建您的图形,使用形状图层或矢量智能对象,你的图像看起来是像素化和颗粒状。

03

为iPhone和iPad的目标区域最小尺寸来自苹果的建议是44×44像素。苹果公司是按照以量化的人类平均指尖大小。

测试你的设计

“测试”的设计可能听起来奇怪,但为移动设备设计的笔记本电脑或台式机显示器上可能会非常棘手。即使您按照标准的指引,如44×44px的水龙头目标规则,比例和尺寸的设备与您的计算机屏幕上显示时,看起来可能显着不同。

最简单的方法来测试你的设计的“另存为Web”每个屏幕设计。png格式和使用iPhoto同步到您的手机。一旦图像同步,您可以翻阅和模拟实际应用程序的样子。这也是一个伟大的方式与客户分享样机,给他们一个真正的应用程序的预览。

 

iphone模板:

iPhone GUI PSD from Teehan + Lax

iPhone GUI PSD Retina from Teehan + Lax

iPhone Stencil for OmniGraffle from Patrick Crowley

iPhone UI Vector Elements from Mercury Intermedia

iPad Templates

iPad Stencil for OmniGraffle from Information Architects

iPad GUI PSD from Teehan + Lax

iPad Vector GUI from Icon Library

vector_goodness

 

使用iPhone的图形文件格式最佳的是Png?

图形化的资产将被用来建立一个应用程序的可移植网络图形(PNG)格式导出。从技术上讲,iPhone可以显示其他文件格式,但PNG文件进行自动优化的iOS SDK,因此,应首选格式。

 

每天更新,
全站高品质素材免费下载!