说起「Isometric」风格，可能有些人比较陌生，如果说 2.5D 风格，或者《纪念碑谷》风格，大家应该就明白了。「Isometric」已经是插画风格的一种了，指的是一种在二维平面呈现三维物体的风格。今天我们介绍的这个 Plugin，就可以轻松绘制出「Isometric」风格。

之所以想起写这个插件，是因为我的一个朋友之前问我如何才能制作一个 2.5D 风格的楼梯，通常比较简单的方法是使用 AI 的 3D 功能制作。之后我就想介绍一下如何在 Sketch 中完成，在 2014 年我刚接触 Sketch 的时候，也画过一次《纪念碑谷》的插画，在文末我也会说一下如何用最原始的参考线方法来绘制。

安装

示例

1. 绘制一个矩形。

2. 选中该矩形，执行「Plugins - Sketch Isometric - Generate Isometric View」或者使用快捷键 ⌃Control + ⇧Shift + I，在弹出的对话框中，设置相应的属性。

3. 你可以在弹出的对话框中，设置旋转的方向，倾斜角度，图形高度和缩放比例，调整到自己满意后，点击「Done」完成设置。

4. 选中对应的图层，可以更改成自己想要的颜色。

5. 接下来就是发挥你想象力的时候了，例如你可以做一个魔方出来。

将顶层替换为自定义图形

借助「Magic Mirror」这个 Plugin，我们可以将顶部的图层替换成自己想要的 Artboard，通过这种方式，我们可以快速制作一个手机设计界面的展示模型。

PS，关于 Magic Mirror 的详细介绍，可以参考 @Minja 的「轻松展示作品：Magic Mirror 3」。

1. 选中想要自定义为顶部图像的 Artboard，执行「Plugins - Sketch Isometric - Generate Isometric View」或者使用快捷键 ⌃Control - ⇧Shift - I，制作一个展示模型。

2. 选中想要自定义为顶部图像的 Artboard，在右侧的 Magic Mirror 3 面板中，勾选「Include In Artboards」，将该 Artboard 添加到 Magic Mirror 3 中。

3. 选中展示模型的顶层图层，然后在右侧的 Magic Mirror 3 面板中，选择刚才添加的 Artboard。

4. 之后再对其他侧面进行自己喜爱颜色的设置，一个手机设计界面的展示模型就制作完成了。

总结

通过这个 Plugin，我们可以轻松的制作出「Isometric」风格的插画，也可以借助「Magic Mirror」这个 Plugin 制作界面展示模型。目前该 Plugin 只支持矩形，而且并不支持圆角，如果想要绘制其他形状的话，还是只能自己进行绘制，希望在以后的版本中，能够支持这些功能。

你知道吗？

2. 将这些竖线放入一个 Group 中，然后复制一个，并旋转 60°。

3. 选中已经旋转 60° 的参考线，然后再复制一个，并且水平翻转。

4. 当你完成这 3 组辅助线之后，你就可以看到排列起来的立方体了，通过这个辅助线，就可以制作出「Isometric」风格的插画了。