Amberterm 背包格 — 84px网格

大而少的84px格子。终端的背包本来就是一个带高亮条的列表，因此这里的格子是宽行而不是密网格。

背包网格需要的不是面板，而是能拼接的方格。这里每个格子都是84×84，外框尺寸一致；唯一的例外是放大件物品的双格，168×84，它是独立文件而不是拉伸后的方格，因为拉伸非九宫格的格子会让转角变形。按88px的间距摆放，边框就读作一整片网格，而不是一排独立的盒子。

状态是用结构而不是颜色画出来的。选中的格子加角标，锁定的加斜向排线，悬停的把边框抬高一级，拒收的带一个叉，放置目标带一圈虚线强调框。这是刻意的：背包界面是多数游戏里最嘈杂的一块，底下压着各种色调的物品图，只靠边框颜色表达的状态，在格子里放进一把红色的剑那一刻就看不见了。

拒收和锁定是刻意分开的两张图。锁定的格子以后可能打开；拒收的格子是在拒绝当前光标上的物品。把两者画成一样，正是背包把错误规则教给玩家的路径。装备格跳出方格也是同样的道理——饰品槽是圆的，宝石槽是六角的，形状比任何提示框都更早说明什么该放进去。

三个稀有度框沿用系列其余部分中生命、法力与耐力的颜色，每个除彩色边框外还带一个角标——这样按稀有度整理的人读到的是两个信号，而两者都不会跟格子中央的物品美术打架。

全部以可编辑的SVG提供，并附1x、2x与4x的平面透明PNG。格子内部是透明的，因此你在网格后面渲染的东西会直接透出来，而不是一层烤死的背景色。

知识共享 署名 4.0 — 商业用途也免费。需要署名。 完整条款 · 实际是什么意思