1. 定义主题
定义主题是指把要设计的图标所涉及的关键词罗列出来，重点词汇突出显示，确定这些图标是围绕一个什么样的主题展开设计，对整体的设计有一个把控。
2. 寻找隐喻
隐喻是指真实世界与虚拟世界之间的映射关系，寻找隐喻是指通过关键词进行头脑风暴，在彼类事物的暗示之下感知、体验、想象此类事物的心理行为。
3. 抽象图形
抽象图形要求设计师将生活中的原素材进行归纳，提取素材的显著特点，明确设计的目的，这是创作图标的基础。
4. 绘制草图
经过对实物的抽象化汲取后，便可以进行草图的绘制。在这个过程中，设计师需要将实物转化成视觉形象，即最初的草图，当然草稿可能有很多方案，这时需要筛选出若干种满意的方案继续下面的流程。
5. 确定风格
在确定了图标的基准图形后，下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当不知道使用什么颜色的时候，蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。值得一提的是在UI设计中，大部分扁平化图标以单色图形为主，从技法上来说这样降低了设计的难度。
6. 制作和调整
根据既定的风格，使用软件制作图标。在扁平化风格盛行的今天，单独的图形设计需要更多的设计考量，需要经过大量的推敲，设计调整。因此在图标的制作中，会修正一些草图中的不足，也可能增加一些新的设计灵感。
7. 场景测试
图标的应用环境有很多种，手机的背景色也各不相同，有深色系的，也有浅色系的。我们要保证图标在各个场景下都有良好的识别性，因此在图标上线前，设计师需要在多种图标的应用场景中进行测试。
一、轮廓清晰带有渐变的图标
渐变色也是这两年最热的趋势，它同样出现在图标设计当中。相对微妙的渐变在图标设计当中，增加了视觉的维度和层次，这使得图标拥有了更加立体化的细节，这种设计使得图标本身的高级感更加明显，也恰如其分地增加了整个设计的信息量和丰富度。
二、色彩明快视觉有趣的图标
并非所有的图标都必须是单色的，但是太多的色彩挤在一个小图标上的时候，会让整个设计显得混乱不堪。通过非常有限的几种色彩来设计图标，就能够让图标显得足够有趣了，同时，如果这几种色彩也足够明快，互相补充，就更吸引用户了。这一趋势在2018年也显得非常突出。
三、形同APP ICON的图标
类似APP ICON一样的图标一直都存在，但是没有像今年这么流行过。使用圆角边框外轮廓，带有彩色背景，中间是几何特征明显的图形和元素，但是并非用作APP的入口，而是运用在网页、APP内等其他的地方。它的流行可能是因为这种样式可以暗示用户，图标背后功能的价值。
四、笔触粗重线条统一的图标
这种的单色图标在今年尤其受追捧，线条清晰统一，笔触粗壮，比起常规的线性图标更加厚重，而且拥有一种莫名的萌感。虽然同样只是单色的设计，但是几何感更强，视觉重量更明显，让用户的双眼无法错过。
五、仍然扁平但更加多变的图标
扁平化设计仍然没有过时，始终还在流行。扁平化的图标在视觉上相对而言更加简约，可以被设计地更加多变，也可以同各种不同的设计风格兼容，和不同的元素搭配起来使用，因此也同样收到设计师和用户的青睐。
六、表情符号化的图标
表情符号，Emoji几乎已经成为一种独立的语言，而图标设计也同样受到了表情符号的影响，各种可供识别的视觉元素，尤其是各种角色头像，都被制作成为图标，在不同的场合使用。表情符号化的图标还有哪些更有趣的用法，还有待探究。
七、永远经典的线性图标
线性图标几乎可以用在任何场合，APP，网页，海报，说它们是不老的经典一点都不为过。线性图标有着良好的可塑性，无论是大是小都可以清晰地传达信息，表明概念。在2018年，线性图标依然是主流，依然是需求大户，相关的素材也一直都稳定地产出着。
八、结构简单含义明确的图标
对于简约设计的追求，一直贯穿着整个2018年。这一点也同样体现在图标设计上，更加图形化，更加简约的形体，但是保持清晰感知度的图标设计在今年大量的涌现。就像上面的这组图标，美食的轮廓通过简单的形体来塑造，细节则使用相同的小圆点和线条来补充，非常巧妙。
第一部分：图标创意阶段其实这个阶段之前还有个重要的步骤,就是创意准备.根据项目需求,确定图标的风格,这在界面设计过程中,有风格评测的方法来确定项目是走什么风格路线.这也是项目前期用户研究的内容,有潜力的公司会制定“用户角色“,用来指导界面视觉风格方向、界面内容建构和交互设计等！（这个内容以及超出这个话题.）当我们接到设计任务后，我们怎么开始设计图标呢？首先我们要看懂界面需求，对每个功能图标的定义要非常清楚，否则我们设计的结果将导致用户难以理解，这个也是图标设计所关心的可用性问题！这在我博课里引用了Jakob Nielsen’s Website里面的文章“Icon Usability”，大家可以去看看。差的图标设计最终导致用户界面的操作失败的体验。但视觉审美和可用性有时候存在矛盾的方面，我们不能走极端，只顾及可用性但忽视设计美观的一面，也不能追求设计上的美的需求而忘了这是功能性很强的界面图标，最好是能在两者之间取得平衡！第二部分：草图绘制阶段这个阶段就是把我们的创意绘制出来，检验下视觉关系，也就是在视觉方面多在草图上推敲，这样效率高些，避免在渲染完后来后悔。（后悔啥！那就是重来了！）首先要确定我们图标透视，这是关系到一套方案中的每个图标的透视方向，这是在图标设计一致性方面的基本要求，透视统一。第三部分：草图渲染阶段等我们把前面的过程走完了，心里有底了。自己觉得草图已经很清楚的表达了自己的想法，并且也能与功能信息密切的吻合，（我一般是把画好的图标作个现场测试，给同学或同事看，同时问他是否能理解我画的图标含义）那就开始伟大的渲染工程吧！这里要说下工具问题，很多人都问，要用什么工具来画图标，我的回答是，只要能画出来，达到目的，什么都可以，哪怕是手绘后扫描再。一般我们用PHotoshop、Illustrator、Firework等软件来绘制，这要看你的习惯，以及对软件的熟悉程度。
1. 线性图标
线性图标，顾名思义，即图标是由直线、曲线、点在内等元素组合而成的图标样式。线性图标具有辨识度高，清晰唯美，简约易看等优点，线性图标不会对页面造成太多的视觉干扰。缺点是：线性图标的创作空间较少，太复杂的线性图标看起来会让人感觉到累。
2. 面性图标
面性图标，即使用对图形内容进行色彩填充的图标样式。面性图标是现实生活中物体的缩影，优点非常多，比如表意能力强，细节丰富，色彩丰富，情绪感强，视觉突出，创作空间大等。面性图标可以让用户迅速定位图标位置，快速预知点击后的状态。但是面性图标在页面中不可过多出现，否则会造成页面臃肿，难分主次，用户视觉疲劳。
3. 混合型图标
在设计图标类型的时候，不一定局限于单纯的线性与面性，也可以两者结合，让图标即有线性描边的轮廓，还有色彩填充的区域，混合型图标可以让页面变得更加有活力，同时还可以吸引用户的注意力，美观与创意性强。但是混合型图标在商业产品中要谨慎使用，因为使用不当会让页面变得杂乱不堪，用户无法识别图标表达的语义。
一、捕捉对象的特征
捕捉对象的特征对于图标设计是关键的一步。毕竟图标设计的核心就是小而易懂，设计师如果能够抓住对象的主要特征，那么对于图标设计的成功就进了一大步。总之，图标需要突出对象的最典型特征，表现它所表达的概念和细节。当你设计出一个图标，用户需要能够立即辨认，这样它所表达意义的识别性，必须一目了然，必须具备经典的隐喻特征。
二、让图标简单、通用，从而让它适应一系列项目
设计图标的关键在于让图标尽量简单些，瞄准一个风格和目标，这有助于让软件开发者更加灵活的使用图标，增加图标的可用性，当然，如果你的图标设定范围更广，可以使用在首页或其他地方，那它的潜在市场会更大。
三、使用一致的光源
光源的设置可是直接关系到图标设计整体的质量，在这里，青藤小编分享一个特别有用的技巧：当你在设计一系列图标时,不紧紧要在风格上一致,像“光源”这些细节也需要注意。因此来说，在图标设计中，使用一致的光源是非常重要的一个技巧。
四、创建矢量格式的图标
矢量格式在平时工作中也是很常见的，它的优势非常明显，图标通常在一个尺寸范围内使用，因此创建一个视觉效果很棒的可缩放矢量图形，可以有多种用途，当你需要不同尺寸时，矢量绘图可以让你不需要重绘。
以上就是小编关于图标设计技巧的相关分享，希望对学习设计的小伙伴们有所帮助，当然，想要了解更多相关内容，还请关注本平台，小编期待与大家共同学习成长。
1、创建一个新文档，转到“查看”标签，然后选中“网格线”框，添加一个网格，帮助对齐logo元素。2、转到“插入”选项卡，然后在画布上添加一个圆圈。3、选择背景色，将默认的黑色修改为需要的颜色。4、创建一个圆的副本，用鼠标右键单击圆圈，然后选择“复制”，使第二个圆小于原始圆，将较小的圆圈放在大的圆圈上方，单击内圆，使边界线变粗，描边线条的颜色更改为白色，如果没有边界线，可以在设置中添加。5、使用“插入”工具，在logo中添加两条平行的水平线。6、使用“文本”工具添加公司名称，添加在圆圈内。7、使用“文本”工具，自定义品牌名称的字体，确保文字颜色与图标相配。8、文本选择透明背景并删除边框线。9、选择所有元素，然后单击“组”，确保每个元素都保留在需要的位置。
直接用这个在线的图片生成ico工具吧，方便快捷，常用的图片格式比如jpg/png/webp/bmp等等都可以直接生成ico图标，还可以在线裁剪缩放，选取你需要的尺寸等等，而且清晰度挺高的。在线ICO图标制作生成,图片转换ICO图标Pro版
图片转换ICO图标Pro版步骤：
一、点击或者拖拽到上传框中，即可上传你要转换的图片，直接将新图片拖入上传框即可更换图片。目前已知支持jpg、png等多种常见的图片格式，如果上传图片并转换ico图标成功，则代表支持该格式。二、此时预览框中会出现刚刚上传的图片，可以任意缩放拖拽裁剪框，选择你想要截取并转换ico图标的区域。在拖拽缩放裁剪框的过程中，左上方会有ico图标效果的实时预览。三、选择需要生成的ico图标的尺寸，主要提供宽高为16、32、48、64、128、256、512的尺寸以供选择。通常的ico图标基本都是32、64或者128像素的。四、选择转换生成的ico图标的文件格式，默认的格式是.ico，并且有.jpg和.png格式可以选择。需要注意的是，ico图标一般都是背景镂空透明的图形，只有.ico和.png格式支持透明背景的图片。而.jpg格式的图片本身是不支持的。
