本篇教程学习的是UI热门-制作SVG图标库,喜欢的一起来学习吧。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一进行解答。
那我们开始今天的教程吧。
1.首先了解一下SVG,它是一种开放标准的矢量图形语言,用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。
2.SVG的优势:它可以被很多的工具读取和修改,它尺寸更小,且可压缩性更强,在图像质量不下降的情况下被放大,SVG图像中的文本是可选的,也是可搜索的,可以与JavaScript技术一起运行,它是开放的标准,它的文件是纯粹的XML。
3.打开【Sketch】,制作一个【个人中心】,做好之后进行一个【编组】,然后选择【MAKE EXPORTABLE】,导出格式为【SVG】,电脑就会出现这样一个图形。