本文翻译自图标设计专家Justas Galaburda写的图标设计指南。本文主要介绍制作一个图标集所需全部信息(中)。翻看同系列文章，直接到文章最底部。

制作一个图标集所需全部信息

上次我们介绍了我将介绍选择最佳的图标创意，找到适当的隐喻并确定要使用的样式，草绘的重要性。今天本文主要介绍：选择图标样式，挑选合适网格，选择合适的绘图软件以及发现图标的最简单形式。

5.知道使用哪种样式

通常最好的选择是根据令人兴奋的品牌或logo类型来选择图标样式。

通常，我会研究我正在为其创建图标的品牌，并尝试找到代表其最佳方式的元素。你必须更好地了解形状，颜色，版式等。它们的基调是什么？是公司性的，认真的，还是丰富多彩而快乐的？他们的logo是圆形还是尖锐的形状？

所有这些决定了你应该选择哪种样式，并给你的工作流程和样式增加了很多限制。但是，如果你要创建一个关于你的激情的图标集，那么这一切都无关紧要(就像我在本指南开始时就鼓励你那样)——选择最喜欢的风格。你将更有动力以自己喜欢的风格来处理自己喜欢的主题的图标。

如果你碰巧还没有一种偏爱的样式，建议你选择轮廓图标。根据我的经验，轮廓图标最容易绘制。因此，我建议所有初学者都从轮廓图标开始。此外，如果需要，可以将轮廓图标轻松重做字形图标(第二章中有介绍)，反之则不那么容易。

顺便说一句，我还写了一篇文章，如果你决定制作轮廓图标，那将对您真正有帮助：《创建轮廓图标的正确方法》(http://iconutopia.com/proper-way-of-creating-outline-icons/)

6.理想的网格大小

网格大小在很大程度上取决于你的图标所处的位置使用以及它们的详细程度。你无法在小网格上创建充满详细信息的图标。正如我之前提到的，你必须始终将图标设计为将要使用的尺寸。

当我出于娱乐目的而制作轮廓图标时，我的首选网格尺寸为96x96px。但是请记住，我的图标非常详细。如果你要创建非常简单的图标，则32px或48px的网格对你来说非常理想。如果只是从图标开始，建议你避免使用小于32px的网格，因为网格越小，越难通过图标传递正确的消息。

小提示：请记住，轮廓图标通常需要比字形更大的网格。如果尺寸较小，则轮廓看起来会被压扁并弄乱。

7.使用软件选择

Photoshop，Illustrator，Sketch哪个更适合图标设计？事实是——没关系。选择最了解和最熟悉的一个，并创建你自己的图标集。

我的个人选择是Adobe Illustrator，据我所知，大多数图标设计人员都将其用作创建图标的主要工具。它确实是功能强大的软件，对于图标设计来说几乎是完美的。你可以使用矢量进行工作，但始终可以预览图标以查看图标在计算机屏幕上的外观，因为它也显示像素预览。它还具有画板功能，非常适合在一个文件中创建多个图标，然后将其导出。

但是，如果你对Illustrator工作流程一无所知，将无法从一开始就使用它创建图标，对吗？不要让这个阻止你！您也可以在Photoshop和Sketch App中制作精美的矢量图标！

by Eddie Lobanovskiy

不知道如何使用这些程序中的任何一个？没问题！拿起素描本，一支尖笔并开始素描你的图标。在纸张上创建第一个图标集。你可以从中学到很多。哎呀，我甚至看到有人在Google幻灯片中创建图标。如果你真的想要，一切皆有可能。

8.发现图标的最简单形式

不久前，我遇到了关于欧内斯特·海明威的一个非常有趣的城市传奇。在酒吧里，他和他的朋友们打赌十块钱，条件是：他可以写一首六字诗，这会让读者哭泣。海明威想出了这样的方法：“出售：从未穿过的婴儿鞋。”不用说他赢了赌注。

弗雷德里克·布朗(Frederic Brown)在1948年写的另一个伟大故事是：“地球上最后一个人独自坐在一个房间里。门上有敲门声……”这种类型被称为“ Flash Fiction”(闪光小说)。真正让我印象深刻的是，只需几个字就能说明多少含义。令人激动的是，整个故事都带有高潮和尾声，适合一两个句子。一切都切入要点并经过深思熟虑——没有多余的余地。

这看起来很像创建图标。小象形文字承载着巨大的信息。这是插图和图标之间的主要区别之一。插图就像500字的诗歌，而图标则让人联想起已久的六字闪光小说。

强调真正重要的事情并消除传递消息所不必要的一切可能是一项艰巨的任务。有些图标看起来超级简单，而简单却不容易。因此，你如何知道可以在一个图标中使用的详细信息量是多少？

完美的图标实现不是在没有其他可添加的东西时，而是在没有其他东西可舍弃的时候实现的。

图标越小，所需的细节越少。与较大的像素相比，在64像素或更小的网格上制作的图标应该较少的细节。但是你必须非常小心地从图标上剪切组件，如果你让自己被迷住了，就会过度简化图标。

Google物料设计图标是正确的最小图标的一个很好的例子。每个图标都缩小为最小形式，每个概念都进行了实质性编辑。这样的设计即使在小尺寸的情况下也能确保可读性和清晰度。

关键是要在使图标既简单又时尚又清晰与减少重要部分完全破坏之间找到一个平衡点。你应该始终知道会将该图标用在什么环境中。如果将所有内容都带走，它可能会变得枯燥无味。请记住，图标也应该引人注目，并在其中具有某种魅力。如果一个更详细的图标比一个简单的图标能更好地讲述一个故事，而又不牺牲它将在其中使用的媒体的可识别性，那么不要害怕添加更多的组件。如果小细节不会影响图标的清晰度，反之亦然-使它看起来更迷人，那就去吧！

可以使用简单的形状创建复杂的图标。你只需要从不同的角度来看它们。你应该注意的是每个图标的主要创建块。

图标不是重绘的图片，它们带有特定的消息，因此你的工作是帮助传递此消息并使图标的含义清晰明了。你不能只是缩小图像而将其称为图标。由于图标要通过小的象形文字传达复杂的想法，因此应将其“精简”为基本要素。这就是为什么使用基本形状是一个好主意的原因。它不会让图标看起来比应有的复杂。

我知道一个事实，作为图标设计的初学者，有时仅使用基本形状将复杂的图像转换成小的象形图时，你会遇到困难。那么，如何开始仅使用一些基本形状就可以简化和绘制哪些零件？练习，当然！

使用基本形状 

首先，关注对象的所有主要特征。突出显示图标中的关键元素至关重要！哪些元素使其成为现实？另外，请始终记住，少即是多！图标绝对不能过分设计。它们必须尽可能简单以正确地传递消息。如果有任何可以删除的内容以使其更简单，但仍具有清晰的含义并且看起来不错，请删除它。

另一个有用的技巧是草绘。仅使用基本形状在网格书中草绘图标。你的工作流程将很快，你将能够快速进行更改，并且对具有基本形状的工作流程的理解将更加容易。与其用手涂鸦，不如使用几何形状来构造它。查看它们如何相互影响以及可以采取什么措施来增强图标的可识别性。

坐标绘制

因此，每次创建一个新图标时，请尝试想象一下如果仅使用基本形状来构造它的外观。刻意练习从简单形状创建图标并检查其他人的作品以了解其完成方式。

示例 

看看这些惊人的动画 PauliusKairevičius的 -它们是说明用基本形状创建的图标的最佳示例之一。

心形绘制

这些小小的动画示例真是太棒了，让我震惊。它们简短，简单，你只需看几秒钟就可以学到一些东西

眼睛绘制

说实话，他们让我明白我一生都在画眼睛的图标！这就像将两个圆圈重叠在一起一样简单。这些小gif文件显示了只需使用基本形状即可完成的工作。我建议你点击上的“按钮 Paulius个人资料关注”。他是一位了不起的品牌设计师，相信我，你可以从他的作品中学到很多东西。

总结

要快速总结所有内容，将图标缩小到其本质是至关重要的，但是有时只会使其变得更加复杂和无用。永远记住，你正在图标的特定背景下工作。每个图标都不相同，所有图标的使用方式也不同。你应该为每组选择正确的方向。不要过分简化您的作品。简单的可能是黑色的轮廓图标，但是应该使用图标清楚地传达消息，因此请在所有步骤上密切注意它。

你现在可以做的另一件事是提高图标设计技能，可以阅读Scott Lewis撰写的这篇文章——六个步骤轻松完成图标设计。它还提到了几何形状的重要性。(https://blog.iconfinder.com/search?q=Icon)

未完待续......

往期文章

图标设计指南(1)——图标设计历史及其目的图标设计指南(2)——基于图标设计的基础知识图标设计指南(3)——制作一个图标集所需全部信息(上)

扫码关注

更多精彩