等距：墨色上堆叠的靛蓝立方体与六边形轮廓

等距图案元素中的每个拼块都是一个有三个面的立方体：顶面是长春花蓝，左面是电光靛蓝，右面是更深的靛蓝，这就是双色模式为这种图案元素上明暗的方式。立方体以 70 的不透明度在近乎纯黑的海军蓝上相互咬合，边缘淡化把中央空出来，让 3D 效果框住布局而不是填满它。一个六个顶点的多边形，即浅紫罗兰色轮廓、柔和度为 0 的六边形，重复了单个立方体的剪影。

调出你自己的版本

• 01

  换一种方式为立方体打光

  顶面使用辅助前景色，侧面使用前景色。把辅助前景色设为浅薄荷色或白色，模拟来自上方的强光，或者把颜色模式切换为单色，得到同色系的版本。

• 02

  把方块放大

  立方体的大小来自形状缩放，这里是 30，间距为 160。到 60 时，首屏后面会出现几个大的建筑体块；到 14 时，立方体会变成编织般的纹理，适合小卡片。

常见问题

使用方法

1. 01

   构建图案

   选择一种图案元素以及方形、砖块或六边形布局，再设置缩放、间距、粗细、旋转、两种图案颜色和背景。

2. 02

   添加形状和纹理

   放置 8 种形状之一，填充可选纯色、轮廓或渐变，再叠加 9 种纹理之一，并设置混合模式和不透明度。

3. 03

   构图并使用

   选择 1:1 到 9:16 之间的比例，在首屏、卡片和移动端布局中预览，然后登录免费的 UX Pilot 账号，即可将其用于画布或导出。