Flawless App 0.9.9 UI 原稿矫正工具

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

应用预览

应用介绍

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 档案。

安装方法

直接安装

“Mac应用”已损坏,打不开或无法打开“×××”,因为无法确认开发者的身份请参考此文

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好软件或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的软件、教程、技巧等等其他资源,都不包含技术服务 请大家谅解!

爱奶酪 » Flawless App 0.9.9 UI 原稿矫正工具

发表评论

提供最优质的资源集合

立即查看 了解详情