actionscript-3 - 用于设计 Spark 皮肤的工具和过程

Question

我来自 Web 开发背景，网站皮肤的过程通常如下所示：

1. 设计师在 Photoshop 中创建设计
2. 使用以下启发式方法将设计转换为 HTML + CSS：
   • 在可能的情况下，使用 CSS 工具箱来创建边框、背景颜色等
   • 在更复杂的形状（例如渐变、圆角等）的情况下，使用光栅精灵

现在，我正在开发一个在 Adob​​e Flex 中完成的应用程序，我想知道最好的方法应该是什么。ActionScript 的矢量图形功能比 CSS 中的“矢量图形”（边框、背景颜色）要广泛得多，因此在 Photoshop 中创建设计可能不是最好的主意。

我是否应该要求我的设计师在 Illustrator 中创建设计，希望可以将大多数高级形状（如按钮渐变、圆角等）“本地”转换为 Spark 皮肤，作为矢量图形而不是嵌入那些作为位图？

Answer 1

如果您将按钮渐变、圆角等称为高级形状，那么我确实会选择 Illustrator 方法。这些都是可以轻松且廉价地转换为矢量图形/代码的形状。对于这种图形，矢量通常在内存和性能方面要好得多。
Illustrator 可以直接导出到 FXG。只要确保告诉您的设计师在他进行导出时将他的图纸锚定在左上角，这样您就不必处理偏移量。

但是，如果您的图形变得更复杂（绘图，或者可能是一些复杂的符号），您最好将其嵌入为 bimap 图形。

最后一点：Adobe 之前有一款名为 Catalyst 的产品，该产品旨在解决 Flex 应用程序的设计人员/开发人员工作流程，但他们停止了该产品。