Flawless App 0.9.9

Flawless App是一款UI原稿矫正工具，内置iOS模拟器，你可以选择分屏或者叠加的方式对UI原稿进行对比，支持导入Sketch、jpeg、png、tiff等格式的文件。

Flawless App的使命在于帮助iOS 开发人员及设计师们改善App的设计实作。可以在开发环境中将开发人员的实际情况与设计稿进行比较。所以开发人员可以即时地比较设计稿与最终App 画面的差异、点出所有视觉上的问题以及立即地修复。这将会增加视觉上的品质、节省时间及帮助所有团队更快速地向前推展进度。

设计稿与实际App的比较

Flawless App的核心功能是能够在iOS 模拟器上比较设计稿与实际上的差异。快速开启一个iOS 模拟器（藉由Xcode，一个iOS/macOS 开发使用的IDE），然后选择一张设计稿作为图档（可以是jpeg、png、tiff、gif 等等格式）或是选择一个Sketch 档案。我们的工具将设计稿无缝地置入iOS 模拟器中。所以开发人员可以浏览及找出所有视觉上的问题。

对iOS 开发人员的效益

• 你可以在所使用的工具Build App时看到画面。不需要开启「另一个视窗」浪费珍贵的屏幕空间及时间。设计样式就在你指掌之间切换。

• 非常容易地整合进你现在的制作流程里。不需要额外的步骤，不需与第三方程式库连结或是需要设定。只要下载后即可使用。

对UI 设计师的效益

• 将设计稿的确认委托给开发人员。

• 对于开发人员会注意到设计稿与实际情况的差异，同时在建构UI 时不会有太多意见充满信心。实际的成果将会看起来与你可爱的设计稿一模一样。

动态设计制作

过去，iOS 平台对不同的装置尺寸方面或多或少是保守的。但如今已非如此，现在iOS App 需要支援至少10 种不同的屏幕尺寸。我们需要为不同的屏幕尺寸设计个别的图像？不！有更好的方法。

使用动态设计制作（Dynamic Design Generation），开发人员可以看到设计稿在在任何的屏幕尺寸中会是什么样子。

设计师所要做的就是在选定的画布(Artboard)中为对应的布局指定调整约束条件并在Sketch 中开启“Adjust content on resize” 选项。然后开发人员会在Flawless App中选取这份Sketch 档案。我们的工具会自动找出现在正运行的iOS 模拟器（iPhone 5、iPhone X、iPad 等等）然后产生出符合屏幕大小的正确设计样貌。这是不是很惊人呀？！此外，要感谢Xcode 9 可以让开发人员同时开启多个iOS 模拟器，让开发人员可以找出不同屏幕尺寸所有可能的设计变化。

对iOS 开发人员的效益

• 不再猜想不同的屏幕尺寸下该如何调整设计样式。只要即时地看一下然后实作适当的约束条件。

• Flawless App支援多个iOS 模拟器，因此你可以一次在多个模拟器上开启一个设计稿。

• 可以完全地由设计师来设定约束条件的调整。

对UI 设计师的效益

• 你可以为单一个屏幕尺寸设计画面就好，然后在Sketch 中为其他屏幕尺寸指定整体大小即可。

• 如果正在使用版本控制系统的话，你可以也邀请开发人员加入。如此一来开发人员就可以拿到最新且符合正确约束调整条件的Sketch 档案。这样的方式可以更加无缝地传送Sketch 档案。