棱镜阶梯：楼梯上的线框棱柱等距 SVG 形状

一道由 12 个盒状棱柱组成的楼梯从左下方爬向右上方，每个棱柱都画成一个菱形顶面加两面侧壁和一条中棱。没有任何填充，所以盒子透明地相互重叠，整体看起来像建筑师的线稿。带蜜桃色调的奶油色上 1.5 的砖红色笔画，让这个技术性的题材保持温暖；路线图、新手引导进度，以及任何关于一步步搭建的内容，都是它顺理成章的归宿。

调出你自己的版本

• 01

  分开或合并台阶

  元素数量为 12，已经让每个棱柱与相邻的重叠。在 6 时，盒子拉开成可以逐个标注的分明台阶；在 30 时，它们融成一道密集的线条坡道。

• 02

  拉伸侧壁

  侧壁高度跟随曲率，这个预设中为 40。接近 0 时，棱柱压扁成薄板，像叠起的卡片；在 100 时，它们变成高柱。留白作用的则是底面：把它从 20 提高到 50，让每级台阶更窄。

常见问题

使用方法

1. 01

   选择系统

   从 24 套几何系统中选择一套，从射线冠、虹膜折叠到纬度笼和扭转塔。

2. 02

   塑造几何形态

   设置密度、细节、弯曲、留白、粗细、缩放、旋转和偏移，并更改变化值来获得新的排列。

3. 03

   上色、构图并使用

   设置纸张色、主色、辅助色和强调色，选择横向、方形或竖向，然后登录免费的 UX Pilot 账号，即可将其用于画布或导出。