Mint 面板套件 — 标题栏面板与按钮

把圆角几乎全收回去的扁平设计。浅色的扁平系列用20px的圆角和胶囊按钮，因为它瞄准的是休闲游戏；这一套用8px和方形按钮，因为策略界面基本上是一行行的，而慷慨的圆角恰好浪费掉数字要占的宽度。任何地方都没有轮廓和明暗——深度只有三遍叠加的阴影，别无其他。

两块nine-slice面板——一块带标题栏的窗口框，圆角8 px；一块内凹的内框，圆角6 px——几乎覆盖菜单需要的所有方框：对话框、背包网格、列表底、提示框和数值面板。标题带内建在面板顶部，因此对话框的抬头既不需要第二张精灵图，也不需要手工对齐。两者都能干净地拉伸到任意尺寸，因为四角从不缩放，中央是扁平填充。

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

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

知识共享 CC0 1.0 — 公共领域。无需署名。 完整条款 · 实际是什么意思