UI设计教程——Material 规范

1.6.3 笔画末端

笔画末端的粗细与曲率要根据这个图标的风格而定，如果想表达专业的态度笔画末端就用直角；如果想表达亲和柔和的态度笔画末端就用圆角。

1.6.4 内部笔画

绘制图标时要遵循一致性的原则，所以内部笔画的粗细度要与整体轮廓的粗细度保持一致。例如外路径的笔画粗细设置为1px，主路径的笔画粗细设置为1.5px，内路径的笔画粗细为2px，这样就会显得整体十分的不协调，所以笔画的粗细要保持一致。

1.7 圆角曲率

上一篇《基础认知 Material 规范》- 1.2绝对棱角中讲到，棱角图标的大体轮廓是有曲率的，而里面具体的细节是直角的。这里指的大体轮廓就是外轮廓，而具体细节指的就是圆角形状/路径的曲率。谷歌Material design规定要将主轮廓/主路径的圆角曲率值设置为2px，但内路径/内部形状是没有曲率的，要把曲率设置成直角，不要破坏图标的本质带来的视觉印象。

1.8 内部区域

内部区域指的是图标内部的空白区域，类似于平面构成中的"负形"。下图中蓝色部分的区域就属于内部区域，它对于绘制系统图标而言没有什么影响，只是把这块区域定义为"内部区域"，这块相对也比较好理解没有什么要点要讲，大家理解一下这东西是什么就行了。

1.9 边界区域

图标的尺寸形成的边界域，是整体图标的尺寸与实际图标所占的面积之间的区域，也是上一篇文章《 基础认知 Material 规范》- 3.图标区域中讲的"裁剪区域"。 这块跟内部区域一样，对绘制一个系统图标而言不会产生什么影响，大家也是简单的理解一下它是什么就行了。

2.系统图标 - 规范

当我们把系统图标的结构弄明白后先不要着急绘制它，而是要弄明白系统图标的规范后再去绘制它。我们需要修正图标的视觉部分，还要理解图标的触控范围与触点区域，之后还要从图标的形式上做规范。

2.1 视觉修正

当出现特殊情况时需要对图标进行微调。例如下面中的回形针图标，在24px*24px的尺寸中如果采用了2px的路径粗细度，各个路径的距离会显得很粗犷，圆角也会被挤压显得不自然，失去了回形针原本的印象，无法与我们生活中的回形针产生关联。