编辑导语：在图标设计中，设计师除了需要了解icon的尺寸设置之外，keyline线的画法也必须有所了解。那在不同场景下，keyline线的画法是否有所不同？设计师在操作时又可否利用一些便捷操作呢？本文作者便详细介绍了keyline线的画法，让我们一起来看一下。

可能是全网最详细的图标keyline线画法教程！

上一篇我们了解了图标的尺寸，知道了不同位置的icon要画多大。这就准备开始了，不过别急，在画图标之前，还需要做一项准备工作，就是图标的keyline线。

虽然我们知道它，但你不一定熟悉它的画法，总不能每次都记参数是吧。本篇内容就为大家安排的明明白白，看完要是还不会（我哭给你看），打开底部的视频教程……好了，言归正传。

上面这个图标Keyline线大家都知道，前文也有提及。Material Design规定了它在24x24dp下的圆形、正方形、垂直矩形、水平矩形的尺寸规范。但是它只给了具体参数，并没有详解这些基本形从何而来。

这是24dp下的图标keyline，如果换做32、48、96……又该如何？难道还需要去计算这个值不成？数学要能这么好，做什么设计哟～还有三角形该画多大？小矩形呢？

废话不多说，就以24px的图标尺寸为例，来康康该如何操作。