等距插画
Isometric
初级通用等距插画（Isometric）用固定方向的平行线，把物体的几个面画在同一张平面图上，看起来有立体感，却没有近大远小的透视变化。它适合把抽象的产品能力变成容易扫懂的画面，比如用一组服务器和数据流表现云服务。
你可能会说：「帮我把这些功能画成有立体感的小场景，物体从同一角度看，别做近大远小的透视。」
动手看看云服务官网的节点插画
插画画法
切换两种画法，再调远处节点的尺寸；也可以悬停方块看清它的三个面。等距插画靠固定方向的平行边和不同明度，让平面图有立体感。
默认两个节点一样大，顶面和侧面的斜边方向也一致。它们虽然前后错开，却不会因为距离而近大远小，适合把云服务画成容易扫懂的模块。
要点等距插画为什么看起来立体又整齐？
- 1
用固定视角同时展示多个面
你通常能同时看到物体的顶部和两个侧面，所以一个简单的方块就能读成设备、房间或平台。多个物体沿同一组方向摆放，画面才像共享一个空间。
- 2
平行线保持平行而不汇聚
因为没有透视中的消失点，远处物体不会仅因距离远就缩得更小。这样做的好处是，你能把多个功能模块放进同一场景，让它们各自保持可辨认。
- 3
画面立体不等于界面可操作
插画可以用明暗和遮挡交代前后关系，但这些只是帮助理解的视觉线索。比如画一条从数据库通向报表的路径，能表达数据流向，却不能代替真实的操作流程。
容易混淆的地方
等距插画和透视插画都能表现立体空间，区别在于等距画法让同方向的线保持平行，透视画法会让它们向远处汇聚。它也不等于扁平化：扁平化主要减少厚度、材质等立体表现；等距插画可以用扁平的色块上色，但仍保留统一视角下的空间结构。
什么时候用
适合用
- 做云服务官网首屏时，用一组机柜、应用和数据路径，概括产品如何协作。
- 做 AI 工具的新手引导时，用连续的小场景解释上传资料、处理和产出结果。
- 做空状态页面时，用一个简化的工作台场景提示用户这里将出现什么内容。
不适合用
- 用户要在后台比较准确数值时，用表格或图表；立体场景会让读取具体数据更费力。
- 用户需要按真实位置找设备或房间时，用平面图或地图，别用示意性的等距插画代替。
- 表单页面需要用户尽快完成填写时，优先把空间留给字段说明和操作反馈。
练一练选一个答案，看看解释
你要为一个 AI 文档工具制作官网首屏配图，想表现“上传文件、分析内容、生成摘要”。哪种方案更符合等距插画的用途？
让 AI 帮你做复制给 AI Agent 直接用
请为 AI 文档工具的官网首屏设计一幅等距插画：用统一视角展示文件进入处理节点、再生成摘要卡片的过程；同方向的边线保持平行，用遮挡和少量明暗区分前后。插画只负责解释流程，不放真实可操作控件。