PIXELFANTASIA 像素幻想城

UI KIT SPLITTER / 拆件

一套 UI 进来,一堆零件出去

背包、商店、对话框、HUD —— 上传一张整套 UI,按排版边界自动切成面板 / 标题条 / 按钮 / 格子。切出来的每块都带原图坐标,能改名、能单独下载、能一次打包。

  • 两种切法几何切分按空白下刀;元素咬死时换 AI 辅助重排
  • 自动去底纯色底一律清掉,边缘去白毛
  • 按类命名面板 / 标题条 / 按钮 / 格子 / 图标

DROP A UI KIT

上传一整套 UI,这里会变成零件墙

—

点零件看尺寸 · 双击改名 · 右键单张下载

WHY 两档

几何切分 vs AI 辅助

几何切分找的是排版空白:整行空、整列空就下刀。它快、免费、不上传,但前提是元素之间真的留了缝。元素咬在一起(边框把格子全框死)时切不开,这时换 AI 辅助:模型先把每个零件等距铺平到白底,再由本地同一套算法切——多花一次出图钱,换「咬在一起也能拆」。

WHAT YOU GET

拆完直接能用

两档产出的都是按实际像素裁下来的 PNG,尺寸就是它自己的实际尺寸,不做等比撑满(UI 零件一缩放,九宫格边框就歪了)。整张图的纯色背景会先清掉,所以切出来是干净裁片。ZIP 里附一份 parts.json,写着每块的名字、类型、坐标。

WHERE NEXT

拆完去哪

零件可以直接拖回工作台改颜色、改描边;地图工坊的 HUD 素材也是这么来的。面板类零件建议保留原尺寸,按钮和格子可以再按你的目标分辨率重采样。

REAL RUN · 一张 1024² 背包界面

跑出来的结果:23 块,235 毫秒。

下面是这套拆解器在本地实际拆的,不是示意图。绿色是切分线,右边是拆出来的零件(真 PNG,各自透明底)。

切分线:标题条、15 个物品格、2 个按钮、4 个侧栏标签都被单独框出
切分线 · 标题条 1 + 格 15 + 按钮 2 + 侧栏 4 + 装饰 1
拆出的标题条 拆出的物品格 拆出的物品格 拆出的侧栏标签 拆出的物品格 拆出的底部按钮 拆出的底部按钮 拆出的物品格 拆出的底部按钮
看模板怎么配 四级拆解说明 23 PARTS · 235ms · 本地处理

拆完的零件,回工作台接着改。

进入工作台