在UI设计、平面设计师看来，图标设计是我们必须学习的首要技能之一，它是用户界面中绝对必不可少的元素。总的来说，我们理解了图标设计的意义，就是把一个概念转化成一个清晰易读的图形，从而降低用户的理解成本，提高界面的美感。而不少的小伙伴在学习图标设计过程中就是因为不规范，所以很多图标设计作品都不如意！为此，下面我们就为大家分享了一些图标设计规则点，一起来看看~图标设计中规则点：1.图标大小为了保证图标大小的一致性，我们经常建立基本的网格大小来绘制图标。常用的网格尺寸有:16、24、36、48、64、128、512、1024。这些尺寸不是固定的，在设计中有特殊的尺寸。例如，谷歌在台式电脑上设计图标时，当鼠标和键盘是主要的输入法时，他们使用密集布局，基本网格缩小到20个。下面是大家常用的24x24展示:网格包含2px出血位。这可以确保图标在导出时保持所需的比例和周围的空白，同时也平衡了图标的视觉重心。*使用常规图标时，避免在出血位置的部分。*当使用带有多个元素的图标时，为了避免图标拥挤，我们可以确保部分图标出现在流血位，并且它们之间有足够的空间。2、图标关键字关键线由圆、方、矩形、正交、三角形和对角线组成。它为图标集中的基本形状或比例提供了一致的大小。这使得它更容易创造视觉稳定性，并有助于在设计相似比例的图标时有一个共同的参考。尺寸为24的关键线构成如下(尺寸为24的出血区域为2):当在网格上绘制图标时，规范化图标是一种很好的方法，这样从整体视觉角度来看，它们看起来是统一的。3.像素3-1像素单位在设计一套系统的图标时，要注意图标的像素大小，使用相同的网格大小来设计线条粗细相同的图标，包括曲线、角度、内外笔画。这样，图标看起来更加统一，也有利于图标的后期迭代。当然，笔画像素的粗细并不是绝对的，我们设置系统图标的线条粗细为3px。当你对指纹图标应用3px时，它看起来会非常拥挤，视觉上比其他图标更沉重。在这个时候，我们可以把它的直线像素降低到2px。3-2避免小数点在用矢量工具绘制图标时，要仔细观察图标的网格大小和图标结构大小，避免产生小数点。4.图标的曲率曲率就是圆角图标中角的个数。任何有圆角的矩形都有一定的曲率。在图标中有两种表示曲率的方式:外曲率和内曲率。外部曲线和内部曲线不一定同时存在，在某些情况下，内部结构可以是直角(没有曲率)。如下图所示:当内部结构全部圆润时，整个图标会有点臃肿。这时我们可以直接把内部的部分圆角改成直角(或者改变曲率)，改变后图标的整体结构会更加和谐。需要注意的是，如果一个图标已经这样处理了，那么同样情况下的图标也应该这样处理，否则图标会显得非常混乱和不一致。5.倾斜的角度根据像素的网格线设置两条对角线将使图标看起来更清晰。在倾斜角度的选择上，不要出现7.8°、14.2°这样的奇怪值。我们可以使用15°的增量作为倾斜角度(或者可以采用其他规则的角度方案)，这样会使整体图案的变化显得更加规则，也可以满足不同形状的角度需求。6.断点形式在做很多图标时，会利用断点的空隙来打破“全包边图标”的沉闷感，使图标具有透气性。如果要在图标中添加断点，则要确保断点的形式一致。7.图标间距确保图标内的每个细节和元素都有足够的空间。图标的相邻元素之间的空间在整个图标中不应该太小。我们可以定义最小的间隔，以避免“粘”大纲。24px下的间距不应小于1px。8.的角度来看如果在制作图标时需要透视图，请确保图标的透视图是一致的。9.视觉重心当物理对齐时，非中心对称图形会有视觉偏差感。多个不同形状图标的视觉重心不在一条水平线上，需要进行微调以保证平衡感。10.简洁的图形在处理图形时，不要留下冗余节点，消除冗余节点，保持图形干净。11.命名ICON的命名要求相对严格，这涉及到随着扁平化设计风格的流行，图标的风格也变得越来越简单，看似简单的图形，其实要准确地表达出意思，还需要注意很多细节，在图标相似的今天，如何让你设计的图标有说服力也是一门学问！所以以上这些图标设计规则点大家一定要牢牢地学习掌握~
温馨提示：答案为网友推荐，仅供参考