图标设计的最佳工作流程:大还是小?
在设计需要以多种尺寸交付的图标时,您是从较小的尺寸开始,然后扩大到较大的尺寸吗?还是从大公司开始并缩小规模? 两者都有很多优点。我正在尝试优化我的工作流程,因此其他人的意见会有所帮助。假设我们正在设计大小相关的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:缩小 使用矢量和生成的效果(如图层样式)将图标设计为最大尺寸(通常为1024×1024)。 复制文档并按比例缩小以创建较小的尺寸。 进行任何必要的调整,然后保存最终图像。 很好,但是错过了将元素与适用于多种尺寸的网格对齐的机会。使用粗网格捕捉似乎有所帮助。例如,具有16px网格的1024×1024文档意味着捕捉点将为您提供像素捕捉到的边缘,尺寸可减小到64×64。这个想法是要进行细节设计,但要紧贴较小的网格,因此您要打那些重要的位置。 方法2:扩大规模 使用矢量和生成的效果(例如图层样式)将图标设计为最小或最小尺寸(通常为32×32或64×64)之一。通常16×16的细节不够,无法以此为起点。 复制文档并按比例缩放以创建更大的尺寸,并缩小为较小的尺寸。 进行任何必要的调整,然后保存最终图像。 这往往会导致没有太多细节的简单图标出现,因此我不喜欢这样工作。 方法3:先放大再缩小 使用矢量和生成的效果(如图层样式)以较小的尺寸(通常为32×32或64×64)创建粗略设计。 将文档放大到最大尺寸并添加细节。这是图标被抛光并添加了大多数细节的地方。 复制并缩小所有较小尺寸的文档。 进行任何必要的调整,然后保存最终图像。 结合其他方法的优缺点,这似乎是最好的方法。稍微相关一点,这也意味着我通常将iOS图标设计为912×912,因为这正好是iPhone的非Retina图标尺寸57×57的16倍。 有没有更好的方法来设计需要以多种尺寸交付的图标? 目标是以最少的努力获得最佳结果。