设计Spark皮肤的工具和流程

时间:2013-04-28 08:59:00

标签: actionscript-3 flex flex-spark

我来自网站开发背景,网站外观设置过程通常如下所示:

  1. Designer在Photoshop中创建设计
  2. 使用以下启发式将设计转换为HTML + CSS:
    • 尽可能使用CSS工具箱创建边框,背景颜色等
    • 如果形状更复杂(例如渐变,圆角等),请使用光栅精灵
  3. 现在,我正在研究在Adobe Flex中完成应用程序的皮肤设计,我想知道最佳方法应该是什么。 ActionScript的矢量图形功能比CSS中的“矢量图形”(边框,背景颜色)要广泛得多,因此在Photoshop中创建设计可能不是最佳选择。

    我是否应该让我的设计师在Illustrator中创建设计,希望能够将大多数高级形状(如按钮渐变,圆角等)转换为Spark“皮肤”本身作为矢量图形。反对将那些嵌入位图?

1 个答案:

答案 0 :(得分:2)

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

但是,如果您的图形变得更复杂(图形,或者某些复杂的符号),您最好将其嵌入为bimap图形。

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