界面合集
Oak 背包格 — 72px网格
暖橡木的72×72背包格：空、悬停、选中、锁定四态，外加三种稀有度框。SVG与透明PNG。
关于这个合集
奇幻背包真正需要的那个零件：一个能重复的正方形。七十二像素够大，让双层框的边框之后仍给物品留出地方，而那正是多数背包套件开始失效的尺寸。
背包网格需要的不是一块面板，而是一个能重复的正方形：7个72×72的文件，外框完全一致，排成一行时不用算间隙。让它们相隔76 px，边框就会读作一整片网格，而不是一排各自为政的盒子。
状态是用结构而不是颜色画出来的。选中的格子得到角标，锁定的格子得到斜排线，悬停的格子把边框抬高一档。这是刻意的：背包界面是多数游戏里最吵的一块面，它压在各种色相的物品美术之下，而一个只是边框颜色的状态，在格子里出现一把红剑的瞬间就看不见了。
三个稀有度框沿用系列其余部分中生命、法力与耐力的颜色，每个除彩色边框外还带一个角标——这样按稀有度整理的人读到的是两个信号，而两者都不会跟格子中央的物品美术打架。
全部以可编辑的SVG提供，并附1x、2x与4x的平面透明PNG。格子内部是透明的，因此你在网格后面渲染的东西会直接透出来，而不是一层烤死的背景色。
怎么用
- 格子按76 px的步距排布——72 px的精灵图加4 px间隙——边框就会保持一个像素的间距，而不是叠成双份。
- 物品图标居中画在格子里，约50 px；内凹区域是66 px，再大就会碰到边框、把框吃掉。
- 选中与锁定状态请整体替换格子精灵图，而不是叠一层色调，因为角标和斜线本身就是精灵图的一部分。
- 稀有度框可以直接替换空格子——外框相同、内凹相同——所以改稀有度只是一次纹理替换，不用动布局。
- 72 px的格子是按48 px的物品图标加余白定的；到了64 px，双层框会开始挤压物品，稀有度边框也读不出来了。
许可
可复制的署名文字
"Oak 背包格 — 72px网格" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/oak-inventory-slots更多界面合集
查看全部 →
Aetherlab 背景图
7个背景与叠层素材（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 卡牌框
11个卡牌与通知组件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 对话套件
7个对话组件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab HUD条 — 生命、法力与耐力
冷以太的nine-slice条框，含三种空芯填充与一个分段变体，200×20，端头4 px。SVG与PNG。