我们天天都在设计图标，而且保持这样的状态凌驾15年。身为设计师，想必你已经阅读过许多关于图标设计的文章，可是今天的文章纷歧样。今天的文章不会花费很长时间来单独先容某一个图标的设计。

而是设计任何一套图标应当遵循的基本流程，以及一定要注意的8个关键的注意事项，你可以将这些履历带入到一些现成的案例当中去验证。这个注意事项清单，也可以被视作为给设计师所编写的图标设计指南，纵然设计趋势发生变化，这些规则和履历依然适用。遵循这些规则和技巧，能够确保图标从设计到使用都可以越发无缝温顺畅。

固然我们并没有重新发现轮子，相反，我们会以这种方式来出现我们的事情流程细节，希望它也能帮你有效地组织事情。循序渐进地设计图标像我们需要系统而大量地设计图标，设计流程是最重要的事情。

正如你所看到的，绘制流程在图标绘制之前，就已经开始了。1.相识你要建立的图标的寄义。明确差别图标的使用场景，差别的图标划分代表着什么，相识哪些图标需要使用隐喻，哪些图标使用现实世界中真实的形象。

2.梳理出图标正确的隐喻，脑暴出可能的符号和形象。记着图标的寄义和形象之间的关联，以最佳的形式出现图标，直指本质。

借助词典和单词集来获取图标相关的观点的关键词，同义词和界说。简化和抽象你的想法，你会找到一个抽象观点「翻译」出来的工具。

3.不要拘泥于现在当前的任务和状态，只管举行彻底的调研，尽可能地搜集相关参考资料。可能有人已经为这一主题设计了很不错的图标版本，可以参考已有的设计，获取灵感。4.确定图标的样式。

图标应该是扁平的，线性的，Material Design，是用符号还是借助手绘来出现。有的 UI界面有很清晰的要求，好比 iOS 平台和 Material Design，如果 UI 有很是清晰牢固的设计气势派头，那么图标的设计需要只管贴近。5.根据选定的方式来出现设计，看看它最终出现是否正确。

保持整体设计的一致性。6.注意图标要矢量化，连基本的草图都应该是矢量化的。

7.在 UI 结构中测试图标的设计。Icons8 的实战案例根据上面的流程，能够绘制出差别样式足够优秀的图标合集。下面是我们在这样的流程下所设计出来的图标示例。

注意事项清单如果你像我们一样天天设计图标的话，也会遇到种种各样的问题。其中最重要的是下面的注意事项清单，它们能够确保我们差别的人在差别的时期差别状态下，设计出来的图标能够协调到一个主题、一个系统当中。如果你也要设计图标的话，可以将下面的清单打印出来，贴在自己的桌子旁边作为参考。

1. 像素完美让图标踩在每个像素点上，确保清晰不模糊。2. 视觉重量用斜视的方法来感知图标，看看成套的图标是否都具有相同的巨细。斜视、调整、再看、再调整，直至匀称理想。

为了保持总体视觉重量的一致性，我们会使用「完美的圆形和正方形」来和所有的新图标举行对比。3. 几何图形只管使用简朴坚实的几何形状来绘制所有须要的线条，它们会让你的图标显得越发牢靠可靠，具有吸引力和说服力。4. 清晰简练删除所有无法转达图标观点的细节，制止让图标显得极重而庞大。5. 足够的空间确保图标内每个细节和元素都有足够的空间，不会显得过于拥挤或者空旷。

6. 对比度在玄色和白色的配景上检查图标的全部细节，看看是否其中的每种颜色都是可见的，以及元素之间的对比是否足够。7. 视觉统一检查线条的粗细重量，边角的巨细，配色方案，细节条理和设计元素在整个合集中是否是稳定且一致的。8. 图层排序确保图标中图层顺序清晰而规整。这是一种良好的习惯和专业的精神。

希望以上内容对你学UI设计有一些资助，谢谢你一直关注UI设计思维，我们将一如既往的为你分享种种UI设计履历文章和提供高质量的UI设计培训学习服务，资助你快速发展，让你的设计变得更有价值。福利互动为答谢客官阅读完此文支持，特准备新人大礼包赠送领取：2000种设计笔刷，10本设计书，设计师必备500种字体~~下方是领取方式1，关注小勇哥哥PS视觉设计头条号~2，评论文章，不限字数，3，私信小勇回复：福利。

本文来源：澳门人威尼斯-www.banbimao.com