从psd创建iphone界面

时间:2012-04-16 13:44:41

标签: iphone user-interface psd

因为每个开发人员都会来到这一天来改善用户界面体验,因为应用程序主要是通过ui的谨慎来评估。

所以,我已经浏览了一些网站,我发现了一些psd从哪里开始设计我的应用程序。

我的问题是:如何将psd原型转换为运行良好的应用程序?

我不知道如何通过模型来帮助开发人员构建一个ui ...

有人能让我清楚一下情况吗?

1 个答案:

答案 0 :(得分:3)

好吧,我要小心区分应用程序使用的图形和实际的用户界面。当然,图形是UI的一部分,但UI远不止于此。根据它的完成方式,photoshop模拟可以是简单的图形,可以用于界面复杂的“场景”,描述应用程序的功能。在后一种情况下,模型可以用于UI设计,在前一种情况下,它只是为您提供了漂亮的图像(这当然很有用)。

但是为了更直接地回答你的问题,大多数人都会拍摄photoshop图像的“切片”(单个部分)并将其导出为.png图像(或.jpg)。如果.psd文件还没有“切片”图像,请在Google上查找“photoshop图像切片”。然后,您可以将它们导入Xcode,并将它们用作您要使用的控件的背景图像。特别是自iOS 5.0以来,图像可用于许多控件。此外,您可能希望确保使用适当的UIEdgeInsets使图像可调整大小。通过设置可以在图像中平铺的区域,这将允许图像在没有像素化的情况下调整大小。