4

对于我正在开发的网站，我需要创建一些图形。我还没有锁定尺寸，所以我不想直接生成图像文件（PNG、GIF、JPG），以防在我进一步了解布局和 UI 后改变主意，看看哪些有效，哪些无效.

这让我想到：也许我应该将它们生成为矢量图形（例如 SVG），然后生成一组图像文件以在我的站点上使用。我以前从未玩过矢量图形，所以我追求的是：

  • 一些工具以某种可接受的格式创建（最好是图形化的）一些矢量图形；
  • 一种创建矢量图形的程序化方式。例如，假设我有一个网格，我不一定要手动绘制它。“对齐网格”和类似功能将涵盖这种情况，但不包括其他情况；和
  • 我可以通过某种方式以编程方式（例如作为构建任务）获取一组矢量图形并生成一组图像，并且最好对命名约定、输出格式、大小等内容进行一些控制（例如从命令行）。我不想进入程序并单独对 100 多个文件执行“另存为...”以生成我的图标。

什么样的工具和工作流程适合这种情况？

4

3 回答 3

4

由于有几种不同的商业矢量图形包，因此有不同的方法。我使用的是 Adob​​e Illustrator、Adobe Fireworks、Adobe Photoshop。不可否认，Fireworks 和 Photoshop 是具有矢量支持的位图图形包。

我发现 Fireworks 处理矢量更容易，因为它们是“一流”对象，而在 Photoshop 中，它们实际上是矢量蒙版和颜色填充的组合。使用矢量在位图包中进行设计的好处是更容易通过放大文档来预览光栅化结果，这样您就可以看到各个像素。Illustrator 也添加了“像素预览”模式来实现这一点。

这三个包都具有脚本功能，可让您自动执行重复任务，例如多重导出、命名等。然而，Photoshop 也有动作；一个简化的宏系统，可让您记录和回放简单的批处理活动。

我倾向于构建我的图标包的方式是在一个文档中设计所有图标。我使用“组”（在 Illustrator 中）或“文件夹”（Fireworks 或 Photoshop）将每个图标彼此隔离，但让我保持组成图标的所有单独图层不平整。

当我去导出时，我运行一个脚本，它遍历顶级组/文件夹，一次隐藏除一个以外的所有组/文件夹，并将结果导出到所有主要分辨率的位图；16x16、24x24、32x32、48x48、128x128 和 256x256。

这是微软关于如何为 Vista 和 XP 设计图标的优秀风格指南。它专注于使用 Photoshop 完成大部分工作。

于 2009-01-04T00:44:27.747 回答
0

看看开罗及其各种绑定。事实上，甚至还有一个可用于将 SVG 转换为 Cairo 命令的方法。

于 2009-01-04T00:47:01.330 回答
0

如果您需要一个可靠的免费工具来创建 SVG，然后在确定所需尺寸后将其转储为位图图像，Inkscape将是一个不错的选择。UI 看起来不如 Illustrator 精致，但在 Windows、Mac 和 Linux 上运行良好。限制是颜色管理不如 Illustrator 强大，并且如果您不在 Linux 机器上，则对压力敏感图形输入板的支持不太好。

于 2009-03-23T14:45:08.827 回答