简体   繁体   English

使用Sketch 3为iPhone分辨率设计

[英]Designing for iPhone resolutions with Sketch 3

Im new to Sketch 3 and am designing an iPhone app to be responsive across all resolutions. 我是Sketch 3的新手,正在设计一个iPhone应用程序,使其在所有分辨率下都能响应。

I have been following the size guides on here http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions which have been really helpful but I am trying the figure out the best workflow to cover resolutions for iPhone 5, 6 and 6+. 我一直在遵循http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions上的尺寸指南,该指南确实很有帮助,但我正在尝试找出涵盖iPhone分辨率的最佳工作流程。 5、6和6+。

Will I essentially have to create 3 artboards at each pixel size of the device or is there a better way to handle this in Sketch? 我是否基本上必须在设备的每个像素尺寸上创建3个画板,还是在Sketch中有更好的方法来处理?

I tried using the export functionality but this just gives you the retina graphics. 我尝试使用导出功能,但这只是为您提供了视网膜图形。

Would be good to get your thoughts! 让您有所想法吧!

Sketch 3 also users to export at different resolutions. Sketch 3还允许用户以不同的分辨率导出。 After adding different resolutions using the plus button and exporting( with png or which ever type you pick) you can drag and drop them directly into xcode's assests folder. 使用加号按钮添加不同的分辨率并导出(使用png或您选择的任何一种类型)后,可以将它们直接拖放到xcode的assss文件夹中。 If you need to export an entire artboard you can click the artboar(s) titles after selecting make exportable It even creates files using the nomenclature that Xcode uses to manage assests. 如果需要导出整个画板,则可以在选择“可导出”后单击画板标题。它甚至可以使用Xcode用来管理资产的命名法来创建文件。 Sketch does a great good at handling exporting and it's a workflow that works well. Sketch在处理导出方面做得很好,并且它的工作流程效果很好。 I find it a lil simpler than exporting with photoshop. 我发现它比用photoshop导出更简单。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM