展开菜单

网页设计Icon-font字体图标制作详解

网页设计Icon-font字体图标制作详解

大家可能在网上看过很多关于矢量图标制作的教程,而且大多是技术同学分享的技术贴。整个过程也相对比较简单。在这里我们将深入地向大家讲述字体图标制作的 规范流程和注意事项,很多内容是现在网上没有的,纯粹是阿里妈妈MUX这两年摸索出来的。阿里妈妈MUX在国内首家推出了在线生成字体图标平台,省去了设计师不太擅长的字体制作过程,所以在本教程中我们就不再详细介绍如何使用字体制作工具制作字体图标的过程,更多的是介绍如何在AI工具中制作一个规范的字体图标。 一、制作前基础知识普及 1、在制作图标前请下载由阿里妈妈MUX提供的矢量图标制作模板; 网盘下载:http://...

实用分享:网页设计Icon-font图标字体的四类制作方法

实用分享:网页设计Icon-font图标字体的四类制作方法

FontAwesome经历了两年的进化,如今已成为不少工具性应用开发者的首选。但FontAwesome的图标毕竟有限,在某些特定的情景 中,FontAwesome的字体并不能准确地传达合适的意义。为自己的Web App定制icon-font字体在某些时候就变成了一种需要。 因为想为公司的产品定制一套icon-font,把曾经那些不易改变不易调校大小颜色的图片改成图标字体,经过搜索和试用,发现icon-font大致有四类制作方法。这四类方法的图标生成原理是一样的。 主要步骤: 步骤一:使用矢量图形编辑器设计图标,画布最好设为512px*512px。以A...