用于设计 Spark 皮肤的工具和流程

Question

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

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

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

我是否应该让我的设计师在 Illustrator 中创建设计，希望可以将大多数高级形状（如按钮渐变、圆角等）“本地”作为矢量图形传输到 Spark 皮肤中反对将它们嵌入为位图？

Answer 1

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

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

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