我是iOS新手开发者。我正在获得由独立设计师设计的UIKit。如何将他的Photoshop设计放入我的应用程序中?
我首先编写应用程序代码,然后将设计放入?最好的方法是什么?
答案 0 :(得分:2)
所以你的朋友正在进行设计而你正在进行编码。 (UIKit确实是另一回事)。
我通常从线框开始。从线框,您实际上可以实现具有所有功能的完全可用的应用程序。但这是我的偏好,因为你可以与设计师并行工作。
然后你需要从PSD获取PNG中的所有资产(图像)(这是我的偏好),用于UI的每个元素并“装扮”你的应用程序,使其漂亮。
对于您需要从PSD获取的资产,例如一个图标或徽标,你需要从最高分辨率开始,此时iPhone 6 +。
资产需要3个版本: @ 1x(你没有在文件的实际名称中看到它,因为它暗示) @ 2x用于视网膜屏幕iPhone 4,iPhone 4S,iPhone 5,iPhone 5C,iPhone 5S,iPhone 6。 @ 3x for iPhone 6 +
所以你从@ 3x开始,然后你的工作向下到@ 1x(如果需要的话 - 见下面的提示)。例如,在3x处固定宽度为300且高度为150的徽标应为宽度:200,高度:100表示@ 2x,宽度:100,高度:50表示@ 1x。
提示:
PSD应该有矢量,以便调整大小,尺寸为1080x1920(适用于iPhone 6 +)。
如今,大多数资产都采用平面设计,可以通过代码或界面构建器完成。
永远不会因为质量下降而调整资产大小。
除非您支持iOS6,因此支持iPhone 3GS,否则您不需要@ 1x。
您应该使用资产目录https://developer.apple.com/library/mac/recipes/xcode_help-image_catalog-1.0/Recipe.html
最后,将它设为书签,您将需要它。 :) http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
答案 1 :(得分:0)
您永远不能将Photoshop设计,通常是PSD格式直接导入iOS UI。您必须使用故事板或.xib中的控件。 PSD只会帮助您提取按钮,imageViews中的图像。它将帮助您识别字体大小和样式。获取元素的大小。多数民众赞成!
它还可以帮助您提取所有3种所需尺寸的图像,即1x,2x和3x。
这就是我能指导你的一切。欢迎编辑。