Carbon 面板套件 — 角标面板与按钮

与中性钢系列相同的五段高光渐变和拉丝线纹，但放在深得多的调色板上，并把主体敞开成四个角标。最后这一改把一块面板变成了仪表的外圈：闭合的边框读作一扇窗，四个角标读作拴在仪表台上的什么东西。铆钉留着，因为一块没固定在任何东西上的座舱面板只是一张渲染图。

两块nine-slice面板——一块四角带角标的窗口框，圆角10 px；一块内凹的内框，圆角8 px——几乎覆盖菜单需要的所有方框：对话框、背包网格、列表底、提示框和数值面板。完全没有连续的边框——四个角标标出范围，其余部分敞开，因此面板框住内容却不把它关进盒子里。两者都能干净地拉伸到任意尺寸，因为四角从不缩放，中央是平涂填充。

面板之上是四种倒角按钮状态：常态、悬停、按下与禁用。它们画在同一块152×44的基底上，圆角4 px，因此你只要在一个按钮控件上换纹理，就能拿到整套交互循环，而不用挪动任何一个矩形。按下态会把面下沉两个像素并去掉顶部高光，而不是只是变暗，正是这一点让按钮有被按下的手感，而不只是被换了颜色。

所有东西都提供两份。SVG源文件就是这套套件当初绘制所用的文件——打开它们，改掉六个近黑色调或那一个警示琥珀点缀，再导出一次即可。PNG导出是平面的、透明的，并已按1x、2x与4x预先缩放，面向想要位图的引擎，没有预乘alpha，也没有溢出精灵图边界的烤死阴影。

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