图标设计的最佳工作流程：大还是小？

在设计需要以多种尺寸交付的图标时，您是从较小的尺寸开始，然后扩大到较大的尺寸吗？还是从大公司开始并缩小规模？

两者都有很多优点。我正在尝试优化我的工作流程，因此其他人的意见会有所帮助。假设我们正在设计大小相关的Mac或Windows图标-它们大多是精确的倍数。

对于OS X，标准的应用程序图标大小为：

• 16×16、32×32、128×128、256×256、512×512和1024×1024。

对于Windows 7，标准的应用程序图标大小为：

• 16x16、32x32、48x48、64x64和256x256。

对于iOS，标准的应用程序图标大小为：

• 29x29、48x48、57x57、58x58、72x72、96x96、114x114、144x144、512x512和1024x1024。

对于Android，标准的应用程序图标大小为：

• 36x36、48x48、72x72、96x96和512x512。

对于iOS和Android，图标大小更加随意，并且比例也没有关系，因此，对设计网格精明的问题就更少了，因为您不太可能找到打到像素边界的多种尺寸的坐标。

方法1：缩小

1. 使用矢量和生成的效果（如图层样式）将图标设计为最大尺寸（通常为1024×1024）。

2. 复制文档并按比例缩小以创建较小的尺寸。

3. 进行任何必要的调整，然后保存最终图像。

很好，但是错过了将元素与适用于多种尺寸的网格对齐的机会。使用粗网格捕捉似乎有所帮助。例如，具有16px网格的1024×1024文档意味着捕捉点将为您提供像素捕捉到的边缘，尺寸可减小到64×64。这个想法是要进行细节设计，但要紧贴较小的网格，因此您要打那些重要的位置。

方法2：扩大规模

1. 使用矢量和生成的效果（例如图层样式）将图标设计为最小或最小尺寸（通常为32×32或64×64）之一。通常16×16的细节不够，无法以此为起点。

2. 复制文档并按比例缩放以创建更大的尺寸，并缩小为较小的尺寸。

3. 进行任何必要的调整，然后保存最终图像。

这往往会导致没有太多细节的简单图标出现，因此我不喜欢这样工作。

方法3：先放大再缩小

1. 使用矢量和生成的效果（如图层样式）以较小的尺寸（通常为32×32或64×64）创建粗略设计。

2. 将文档放大到最大尺寸并添加细节。这是图标被抛光并添加了大多数细节的地方。

3. 复制并缩小所有较小尺寸的文档。

4. 进行任何必要的调整，然后保存最终图像。

结合其他方法的优缺点，这似乎是最好的方法。稍微相关一点，这也意味着我通常将iOS图标设计为912×912，因为这正好是iPhone的非Retina图标尺寸57×57的16倍。

有没有更好的方法来设计需要以多种尺寸交付的图标？

目标是以最少的努力获得最佳结果。

对您的假设进行了稍许修正：Windows和Mac确实使用16的倍数，但它们的缩放比例不同。Vista / 7的标准尺寸是16 ²，32 ²，48 ²，256 ²。OS X是16 ²，32 ²，128 ²，512 ²（+ HiDPI的版本）。为了进一步复杂的事情时，Windows Vista / 7的默认缩放级别似乎是16 ²，48 ²，96 ²，256 ²，将在增量愉快规模小2px的。这不会对您的工作流程产生巨大的变化，除了它避免了在所有缩放级别都需要关注特定像素网格的情况。

我的工作流程与您的工作流程有所不同，因为我没有做太多调整。将为每个尺寸级别创建一个新图像，并且我不会尝试回收完全相同的布局。

我开始时的大小由平台决定。如果是为Windows设计的，那么我将从48x48开始。（我对此没有任何科学依据，但是Windows 7的默认缩放级别是“中”，即48x48。Vista，OS X，iPhone，iPad和Android图标也足够接近此大小，因此它既方便又方便自在。）

完全完成的图标会以此尺寸完成，是该系列中其他图标的参考。如果使用台式机应用程序，我将制作其他版本的16倍，96倍和256倍，以匹配Windows的默认级别（除非自然适用于Mac）。96x通常与48x非常相似。

256x版本将是一个全新的版本。更多细节（即使是很小的东西，例如为背景元素加纹理）。我无法在较小版本中使用的所有细节都已添加。如果有人在屏幕上拨出巨大的图标，则他们应该对看到的内容感到满意。

16x版本也是新创建的。很少的细节。标识徽标或非常简单的图标，并使用与较大版本相同的调色板。在这种尺寸下，我不会尝试使任何事物变得美丽-只是可以立即识别出来。

因此，至少对我而言，这不是放大或缩小的问题，而是希望在所有尺寸下都具有相同的图像或使用相同的基本布局。我认为这就像开车进入城市-在远处只是一个很小但可识别的天际线。您越来越近，开始挑选建筑物。然后，您进入其中并感受到所有细节和尺寸。从每个距离看，它看起来都不同，但是大小之间存在一个平稳的过渡，因此整个家庭永远不会感到脱节。

绝对从大开始并按比例缩小。每当我让设计师为我的软件设计图标时，我都希望看到较大尺寸图标的外观，然后我可以决定删除或强调较小尺寸的功能。在删除小元素之前，您需要了解图标中的内容。glyfx图标提供了一些很好的示例，说明了如何解释相同设计的大小图标。

好吧，我更喜欢以最小的密度制作所有东西并将其放大。如果您正在为应用程序设计整个布局，则使用网格将变得更加容易，并且可以避免麻烦，因为您正在将对象移动到较小的网格中。

所以我的工作流程如下：1.我在Photoshop中以最小dpi的比例进行布局，并继续在Illustrator中制作图标，因为矢量图像在放大时没有问题。2.当我制作每个图标/对象等时，我会同时创建所有按比例放大的版本（当我确定它当然在布局上看起来不错时），并将最终的png交给程序员。

我必须注意，我首先是从iOS开始的。