界面合集
Dusk 菜单图标 — 16px实心套装
暮紫的六个单色实心菜单图标,16×16:生命、货币、防御、战利品、确认、关闭。图集与单文件。

关于这个合集
画成实心形状而不是轮廓的十六像素图标,因为在这个尺寸下所谓轮廓,就是围着一像素虚无的两像素边。它们仍是矢量源,因此2x与4x的导出是干净的,而不是放大出来的。
全部六个图标都落在严格的16×16网格上,线宽统一为2 px,视觉重量也做过统一,因此排成一行时它们像一套,而不是六张碰巧一样大的画。这套涵盖生命、货币、防御、战利品、确认与关闭。
全部是单色的。每个文件里只有一个值,这意味着给整套换色只是一次查找替换;如果你用PNG,就是在材质上上一次色。什么都没有烤死——没有阴影、没有渐变、没有斜面——因为一个自带光照的图标,在你的界面一变的瞬间就不再匹配了。
这套以三种方式提供。若你的引擎会栅格化矢量,或你打算自己改,就用单个的SVG。96×16的图集把六个排在同一网格上,适合更喜欢一张纹理加矩形偏移的引擎——第N格从 x = N × 16 开始。PNG导出覆盖1x、2x和4x,透明边缘干净。
怎么用
- 在图集中,第N个图标占据 x = N × 16、y = 0、宽16、高16的矩形——顺序为生命、货币、防御、战利品、确认、关闭。
- 把图标放在1x、2x或4x的整数像素上;把2 px的线条按分数倍率渲染,正是把清晰图标变成灰糊的原因。
- 要改色,请改SVG里唯一的填充值或描边值,或者在界面材质里给PNG上色——同一个文件里的所有形状都用同一个值。
- 触控目标请保持图标16 px不变,放大它背后的按钮;线宽是按这个尺寸调好的。
- 1x的这些图标是按与8或16像素文字并排设计的;如果你的字体更大,请用2x导出,而不要把1x放大1.5倍。
许可
可复制的署名文字
"Dusk 菜单图标 — 16px实心套装" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-menu-icons-16


