图标设计规则(简约图标设计说明)

图标设计是界面设计中最重要的元素之一，一套高质量的图标对产品的品牌形象和用户体验有着巨大的影响。——不仅可以提高界面的美观度，降低用户的理解成本，还可以塑造品牌形象，提升用户的安全感和转化率。那么设计图标需要注意哪些规范和细节呢？
本系列文章分为七个部分：颜色规范、字体规范、图标规范、设计原理、文案规范、版面规范、组件规范。
这是一个图标规范。
目录：
什么是图标，为什么它很重要？设计原则、图纸规范、命名规范
1.什么是图标？简单来说就是一个有特殊含义的图形。
具有指称意义的图形符号高度集中，能快速传达信息，易于记忆。它可以快速传达信息，将概念转化为图形，降低用户的理解成本，提高界面的美观度。
现在用的汉字也是图标的一种。最早的象形文字也是为了记录而产生的，后来为了使用方便而不断简化，形成了现在的简化字。这也是为什么我总觉得以前的隶书、篆书、繁体字更吸引人，而现在的字并不“好看”。前面的文字是自然的图标。点击具体文字详细说说。
图标必须是能快速理解的，能不能被识别是根据用户的习惯和认知来看其存在的价值。
是设计服务行业，是为人服务，不是表达自己态度的艺术。好的图标应该是先好看再好看。第一美是方便简单，第二美是美观漂亮。
二、为什么图标很重要？图标设计是界面设计中最重要的元素之一。一组高质量的图标对产品的品牌形象和用户体验有着巨大的影响。既能提高界面的美观度，降低用户的理解成本，又能塑造品牌形象，增强用户的安全感和转化率。
图标有两种：一种是产品图标类似天猫、支付宝、微信，另一种是系统图标类似首页、搜索、设置。本规范主要关注系统图标。
1.图标能快速传达信息。人对图形的理解和接受能力比简单的文字更快。可以更简单、清晰、直观地显示图形。
人们常说，一个意图胜过千言万语。
2.图标传达信息。准通用图形可以跨语言、跨地域、跨文化群体表达相同的意思，不易混淆。文化背景相同的人，对词的理解可能不同。用图形的话就一目了然了。比如说我想买个笔记本就很模糊。有的人第一反应是笔记本电脑，有的人觉得是纸质笔记本。看图说话都没有歧义。
3.品牌建设稳定同一个品牌，在同一个平台上保持同一个风格，让人感觉很专业。知道自己一直处于商家提供的环境中，可以增强安全感。如优酷、58等优秀产品。
三、设计原则1。易读图标的根本价值是信息传递。如果不能识别，其他的都没用。
2.只需删除多余的细节，只保留主要特征。将最简单、最准确的图形呈现给用户。
3.统一同一套图标，保持样式统一、线条粗细统一、角度统一、可视区域统一、颜色统一、正反统一。
四。图纸规格1。PC端的尺寸图标常用16 x 16，24 x 24，32 x 32尺寸。1×16图标周围预留1px出血区域。2X24和32 x 32的图标周围预留2px出血区域。
安全区
为了保持图标的视觉效果一致，请根据其形状在安全区域绘制图标，或者根据实际情况适当变形。
2.坚持网格线。请确保图标的所有节点都贴在网格线上。避免小数点、奇数等。
3.对齐保持视觉对齐：
4.轮廓用图形做作业，不要用笔画，保证图标放大使用时一致。
化繁为简。
去掉不必要的装饰，保留图标
5.简化节点，删除冗余节点，保持图形新鲜。
6.线条粗细为2px，可根据实际情况调整。
斜线看起来比垂直线细。
7.夹角的角必须是30的倍数。
8.倒角倒角保持外圆内侧，外倒角保持2 px，内倒角保持直角。
动词（verb的缩写）命名规范命名没有特别的规范，每个团队都有自己的习惯。先问问和开发哥沟通一下，看看他们的习惯是什么，跟着做就行了。
常用的命名格式是：模块_类别_功能_状态。png名称要用英文小写和数字，不能出现汉字和大写英文。
示例：登录页面的启动图标login_icon_logo_nor@2x.png。
作者：铁设计邦；微信官方账号微信铁设计状态
本文由@ IronDesign State原创发布。大家都是产品经理，未经作者允许，禁止转载。
题目来自Unsplash，基于CC0协议。