哪个更适合图标设计:矢量图形或光栅图形?

平面设计 向量 图标 光栅
2022-02-14 01:23:20

我应该采用以下哪种方法来设计多种分辨率的图标?

  • 在矢量图形中创建它们,如 SVG 或 AI,然后将它们光栅化
  • 将它们直接设计为位图图形(BMP、JPEG 或 PNG 以及每种分辨率的单独文件)

我想考虑以下因素:

  • 可靠:不会不提供高质量的输出并强制从头开始
  • 计算机辅助图形设计初学者更容易学习
  • 更快完成
  • 以后更容易修改
  • 更好的输出质量
  • 比较常用
  • 拥有好的工具,包括开源工具和对 Linux 的支持

用例是Android 应用程序的启动器图标:

移动设备上的启动器图标必须为 48x48 dp(与密度无关的像素:1dp 是 160 dpi 屏幕上的一个像素),因此需要 3 种尺寸

在 Google Play 上显示的启动器图标必须为 512x512 像素。那是第四个尺寸

4个回答

我见过的最好的图标库使用混合方法:

  1. 对于大多数尺寸,您都有一个矢量图形,可以根据您想要的任何分辨率进行渲染

  2. 对于非常小的版本(16x16px),您制作一个单独的手动调整位图,通常甚至不是同一个图像。

矢量图形特别有用,因为今天您的系统可以原生渲染矢量图像、高分辨率显示和奇怪大小的图标要求(网页图标不必符合桌面应用程序中使用的图标大小)

我个人会去矢量。

您可以无休止地缩放并调整到您可能需要的任何尺寸。在过去,也许位图会更好,因为对于高质量的图标,您需要像素完美的图标,但现在有了 Illustrators '对齐像素网格',它可以更容易地获得像素完美。

Illustrator 还可以节省您的时间,因为您可以制作一次图标并根据需要调整大小,而位图则可以使一个图标变大并按比例缩小,但质量有时会有点有趣(取决于您如何采样)或者您必须采取在每个所需尺寸设计图标的时间例如,您可能认为您需要一个 32x32 图标,但您在网站或应用程序上看到它,然后出于任何原因想要更改它。

但归根结底,我会说这取决于您对哪款软件感觉更舒服。例如,如果您了解 Photoshop,我不知道您过渡到 Illustrator 会有多容易或多难。

Microsoft 发布了Aero Glass Icons的最佳实践指南,此处可能适用。尽管它对 Aero 图标样式进行了一些讨论,但生成一组好的缩放图标的技术保持不变,并且在文章末尾讨论了不同的方法。他们的建议是,这取决于输出是什么。

如果您正在寻找完全可扩展、易于使用、可重复使用的图标,最好的办法是使用这些图标创建您自己的自定义字体包,将它们托管在私有(或客户端)数据库中,并在您的设计中使用它们。您不仅会减少加载时间,而且无论大小如何,您都会拥有漂亮的清晰图标!

查看:http: //icomoon.io/我发现它对快速创建此类包非常有帮助,它们还具有用于基础工作的预制可编辑图标。

确保您在 Illustrator 中将它们创建为矢量,以便以 .svg 形式轻松导出/导入!