将 Adobe Device Central 与 Illustrator 配合使用

通过使用 Device Central,Illustrator 用户可以预览 Illustrator 文件在各种移动设备上的显示效果。

例如,图形设计师可以使用 Illustrator 为移动电话设计墙纸。在创建文件后,设计师可以方便地在多种不同的电话上测试该文件。设计师可随后进行相应的调整,如更改文件以使其在很多电话上都具有不错的显示效果,或者创建两个单独的文件以涵盖常用的电话屏幕大小范围。

另请参阅
在 Illustrator 中创建移动内容

从 Adobe Device Central 访问 Illustrator

  1. 启动 Device Central。
  2. 选择“文件”>“在以下应用程序中新建文档”>“Illustrator”。

    在 Device Central 中,将显示“新建文档”面板,其中包含在所选应用程序中创建新的移动文档的正确选项。

  3. 进行任何所需更改,例如选择播放器版本、显示大小、Flash 版本或内容类型等。

  4. 执行下列操作之一:

    • 选择“所有选定设备的自定尺寸”选项,然后添加一个宽度和高度(以像素为单位)。

    • 从“设备组”列表或“可用的设备”列表中选择一个或多个设备。

  5. 如果选择了多个设备,Device Central 将为您选择一个大小。如果要选择不同的大小,请单击一个不同的设备或一组设备。

  6. 单击“创建”。

    将打开所选的应用程序,其中包含准备编辑的新移动文档。

使用 Adobe Device Central 和 Illustrator 创建移动内容

  1. 在 Illustrator 中,选择“文件” > “新建”。
  2. 在“新建文档配置文件”中,选择“移动和设备”。
  3. 单击“Device Central”以关闭 Illustrator 中的对话框并打开 Device Central。
  4. 选择一种内容类型。

    将更新左侧的“可用的设备”列表,并显示支持所选内容类型的设备。

  5. 在 Device Central 中,选择一个设备、几个设备或设备组。

    根据所选的设备和内容类型,Device Central 将建议一个或多个要创建的画板大小。要一次创建一个文档,请选择一个建议的文档大小(或选择“所有选定设备的自定尺寸”选项并为“宽度”和“高度”输入自定义值)。

  6. 单击“创建”。

    将在 Illustrator 中打开一个具有指定大小的空白 AI 文件。默认情况下,新文件设置了以下参数:

    • 颜色模式:RGB

    • 栅格分辨率:72 ppi

  7. 在 Illustrator 中使用内容填充空白 AI 文件。

  8. 完成后,请选择“文件”>“存储为 Web 和设备所用格式”。
  9. 在“存储为 Web 和设备所用格式”对话框中,选择所需的格式,并根据需要更改其他导出设置。
  10. 单击“Device Central”。

    在“Device Central 模拟器”选项卡中,将显示一个具有指定导出设置的临时文件。要继续进行测试,请双击“设备组”或“可用的设备”列表中另一个设备的名称。

  11. 在 Device Central 中预览文件后,如果需要对文件进行更改,请返回到 Illustrator。

  12. 在 Illustrator 的“存储为 Web 和设备所用格式”对话框中进行调整,如选择不同的导出格式或品质。
  13. 要使用新的导出设置再次测试文件,请单击“Device Central”。
  14. 如果对结果感到满意,请在 Illustrator 的“存储为 Web 和设备所用格式”对话框中单击“存储”。
    注: 要仅从 Illustrator 中打开 Device Central(而不是创建和测试文件),请选择“文件”>“Device Central”。

    有关使用 Illustrator 和 Device Central 创建内容的教程,请参阅 http://www.adobe.com/go/vid0207_cn。

有关为移动设备创建 Illustrator 图像的提示

要为移动设备优化图形内容,请以任何 SVG 格式来存储用 Illustrator 创建的图稿,其中包括 SVG-t(这种格式是专为移动设备设计的)。

可以使用以下提示来确保用 Illustrator 创建的图像能够在移动设备上正确显示:

  • 使用 SVG 标准来创建内容。通过使用 SVG 在移动设备上发布矢量图形,可获得较小的文件大小、显示独立性、绝佳的颜色控制、缩放功能以及可编辑的文本(源代码中)。此外,由于 SVG 基于 XML,因此,您可以在图像中集成交互功能,如高光、工具提示、特殊效果、音频以及动画。

  • 从一开始工作时,就将目标移动设备的最终尺寸作为设计依据。虽然 SVG 是可缩放的,但通过在工作时将正确大小作为设计依据,可确保为目标设备优化最终图形的品质和大小。

  • 将 Illustrator 颜色模式设置为 RGB。SVG 是在 RGB 栅格显示设备(如显示器)上进行查看的。

  • 要减小文件大小,请尽量减少对象(包括组)数量或降低其复杂性(较少的点)。通过使用较少的点,可显著减少在 SVG 文件中描述图稿所需的文本信息量。要减少点数,请选择“对象”>“路径”>“简化”,并尝试不同的组合以找到品质和点数之间的平衡点。

  • 尽可能使用符号。符号定义一次描述对象的矢量,而不是定义多次。如果图稿包含重复使用的对象(如按钮背景),这是非常有用的。

  • 对图形进行动画处理时,应限制所使用的对象数量,并尽可能重复使用对象以减小文件大小。将动画应用于对象组而非单个对象以避免代码重复。

  • 考虑使用 SVGZ,这是 SVG 的压缩 gzip 版本。压缩可以显著减小文件大小,具体取决于内容。通常可以对文本进行大量压缩,但无法显著压缩采用二进制编码的内容,如嵌入的栅格(JPEG、PNG 或 GIF 文件)。任何可展开使用 gzip 压缩的文件的应用程序都能够解压缩 SVGZ 文件。要成功使用 SGVZ,请检查目标移动设备能否解压缩 gzip 文件。

有关创建移动电话和移动设备内容的更多技巧和方法,请参阅 http://www.adobe.com/go/learn_cs_mobilewiki_cn。


许可 Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明 | 在线隐私策略

VOOSSI