UI设计中的图标设计规范制定

说到图标大家都十分熟悉，图标设计也是UI设计中非常重要的一步，要想做好图标设计，就要做好设计规范。今天，小编就来给大家说一说，UI设计中的图标设计规范制定。..

400-0731-162 立即咨询

发布时间：2020-12-25 热度：

说到图标大家都十分熟悉，图标设计也是UI设计中非常重要的一步，要想做好图标设计，就要做好设计规范。今天，小编就来给大家说一说，UI设计中的图标设计规范制定。

规范一：基本尺寸比例

规范的第一点，就是图标的基础形状比例。这个比例，主要是约束长与宽，共包含了四个关系，分别为「正方形:横矩形：竖矩形：圆形」

这四个关系的约束，会让图标集里的所有图标大小，看起来是一致的、统一的。横矩形、竖矩形这两个比例，会决定整套图标的饱满程度，横竖比例越一致，图标整体越饱满。

这点大家可以自己斟酌，如果是泛娱乐型的产品，icon可以更饱满一些。如果是偏工具化产品，那么还是可以优先保障图标的识别度，饱满程度倒是其次。

规范二：线条粗细、正负形间距

定了比例后，接下里就是对图标的细节刻画。对于线性图标而言，最重要的细节就是线条粗细；对于面性图标而言，最重要的就是正负形之间的间距。

所以这些核心元素，在图标的核心线条、核心区域部分，间距样式都应当保持统一。

通常在移动端@2x内，主流icon的粗细为3px，而4px大多数都是为功能性导航icon，细一点的图标通常看起来会更精致一些。

当然也有部分产品使用的是2px，比如新版的YouTube，其次还有些较为复杂的icon，单根粗细的线段不一定能满足其需求，所以还需要制定一条副线的粗细。细节可以根据产品的调性来定，统一即可。

规范三：圆角、角度个性化元素

大比例跟基本元素确定后，也可以制定一些图标的个性化元素规范，比如图标的圆角大小、角度位置，等一些特殊的样式。

像这些个性化的规范，颗粒度可以CaseByCase来定义，圆润还是方正，可以根据产品的视觉风格来定义就好。

这些规范样式定好，就可以充分的让图标集内的图标，从设计上是保持一致的，且具有特色感。

以上就是小编为大家总结的关于UI设计中的图标设计规范制定的相关信息，希望对您有帮助。