界面合集
Greenscreen 背包格 — 68px网格
荧光的68×68背包格13个：空、悬停、选中、锁定、拒收与放置态，圆形与六角装备格，快捷栏，三种稀有度框。
关于这个合集
底座只由描线构成的68px格子。稀有度靠角标的数量来讲，因为单一色相的调色板已经没有颜色可以花在档位上了。
背包网格需要的不是面板，而是能拼接的方格。这里每个格子都是68×68，外框尺寸一致；唯一的例外是放大件物品的双格，136×68，它是独立文件而不是拉伸后的方格，因为拉伸非九宫格的格子会让转角变形。按72px的间距摆放，边框就读作一整片网格，而不是一排独立的盒子。
状态是用结构而不是颜色画出来的。选中的格子加角标，锁定的加斜向排线，悬停的把边框抬高一级，拒收的带一个叉，放置目标带一圈虚线强调框。这是刻意的：背包界面是多数游戏里最嘈杂的一块，底下压着各种色调的物品图，只靠边框颜色表达的状态，在格子里放进一把红色的剑那一刻就看不见了。
拒收和锁定是刻意分开的两张图。锁定的格子以后可能打开；拒收的格子是在拒绝当前光标上的物品。把两者画成一样，正是背包把错误规则教给玩家的路径。装备格跳出方格也是同样的道理——饰品槽是圆的，宝石槽是六角的，形状比任何提示框都更早说明什么该放进去。
三个稀有度框沿用系列其余部分中生命、法力与耐力的颜色，每个除彩色边框外还带一个角标——这样按稀有度整理的人读到的是两个信号，而两者都不会跟格子中央的物品美术打架。
全部以可编辑的SVG提供，并附1x、2x与4x的平面透明PNG。格子内部是透明的，因此你在网格后面渲染的东西会直接透出来，而不是一层烤死的背景色。
怎么用
- 格子按72 px的步距排布——68 px的精灵图加4 px间隙——边框就会保持一个像素的间距，而不是叠成双份。
- 物品图标居中画在格子里，约48 px；内凹区域是62 px，再大就会碰到边框、把框吃掉。
- 选中与锁定状态请整体替换格子精灵图，而不是叠一层色调，因为角标和斜线本身就是精灵图的一部分。
- 稀有度框可以直接替换空格子——外框相同、内凹相同——所以改稀有度只是一次纹理替换，不用动布局。
许可
"Greenscreen 背包格 — 68px网格" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/greenscreen-inventory-slots也可以从这里逛
更多界面合集
查看全部 →
Aetherlab 背景图
13个背景与叠层素材（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 卡牌框
18个卡牌与通知组件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 角色面板
12个角色面板与属性部件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 制作界面
13个制作与配方部件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。