网站图标就像我们的脸一样，Neng让人一眼记住这个。在UI设计中，图标的作用可大了不仅Neng美化界面还Neng提升用户体验。那么我们该如何利用图标来提升用户体验呢？下面我就来给大家分享一下我的心得。

图标在界面中的分类

先说说我们要了解图标在界面中的分类。通常 图标Ke以分为以下几类：，来日方长。

• 功Neng图标：比如搜索、购物车等，表示某个功Neng或操作。
• 装饰图标：比如背景装饰、分隔线等，起到美化界面的作用。
• 提示图标：比如错误提示、成功提示等，表示某个操作的后来啊。

绘制过程中要注意的点

在绘制图标的过程中， 我们要注意以下几点：，我算是看透了。

• 简单明了：图标要简单易懂，避免过于复杂的设计。
• 统一风格：图标风格要与整个UI设计保持一致。
• 颜色搭配：颜色要搭配合理，既美观又易于识别。
• 尺寸适中：图标尺寸要适中，过大或过小dou会影响用户体验。

参数设置与参考线的绘制

参数设置方面 先说说在选项 – 参考线和网格，网格线间隔10px，次分隔线10，勾选显示像素网格；然后在画布框内点击鼠标右键，显示网格；再说说在视图中打开「对齐网格」「对齐像素」「对齐点」。图2..1为参数设置步骤。

绘制过程中， Ke以使用内描边来进行线性图标的绘制，这样geng容易对齐网格，但是内描边只要使用钢笔加点来断点的话，就会自动变成居中描边。那么使用内描边的时候怎么进行断点？ 呵... Ke以把描边进行对象 – ，转为形状，然后用布尔运算来剪切。由于太麻烦，我一般使用居中描边，但经过检验，只要注意把线拖动对齐网格，不会影响清晰度。

图标风格

图标风格有hen多种， 比如线性图标、面性图标、线面结合图标等。至于 mbe 风格、 断线风格、 太顶了。 色块风格、渐变风格、半透明风格、双色搭配风格等等，dou是基于以上三种来进行风格设计。

时下流行的图标Ke以归纳为：线性图标、面性图标、线面结合图标。至于 mbe 风格、 断线风格、色块风格、渐变风格、半透明风格、双色搭配风格等等，dou是基于以上三种来进行风格设计。图1..1为在 dribbble上kan到一些比较好kan的 icon 设计， 作者 ID 均备注在右下角，在此仅供参考。除了在 dribbble、 站酷、花瓣、优设、iconfont 等找好kan的图标以外还Ke以参考市面上主流 app 中的图标，也是没谁了...。

图标的导出及展示

参考线是为了规范图标而存在 一般有两种参考线画法，它们原理dou是一样的，习惯哪种就用哪种。不要纠结参考线的大小应该是多少， 根据你图标使用的位置来确定图标大小，有的朋友知道了 46px 的参考线怎么画之后又纠结 88px 应该怎么画，其实就是一样的原理。你Ke以根据自己的感觉来微调，稍微大点小点无所谓，重要的是不要出现单数的像素大小就Ke以。在此以44px大小的图标为例子，欧了！。

常用的画图标软件有三个：AI、PS、sketch。

创建属于你的个人图标库

我心态崩了。 图标的造型塑造dou是一样的原理， 关键是风格的形成，需要不断的尝试。前期Ke以在 dribbble、 站酷、花瓣、各位大神的作品展示平台多kankan，学习一些优秀的图标造型塑造方法、风格、配色，通过大量练习和尝试，慢慢就Ke以找到属于自己的那套画法。

图标在UI设计中的重要性不言而喻。只要我们用心去设计， 你没事吧？ 就Neng让图标为我们的网站增色不少，提升用户体验。