界面合集

Aetherlab 菜单图标 — 24px双色套装

冷以太的双色菜单图标57个,24×24网格,含播放、暂停、设置等54个。图集与单文件,另含透明PNG。

  • ui
  • svg
  • 透明png
  • 图标
  • 24px
  • 菜单
  • 双色
  • 魔导科技
  • 炼金
  • 实验室
  • hud
冷以太底色方块上的57个双色游戏菜单图标,先放大展示,再排入图集,最后按24像素实际尺寸呈现
预览 1600×1269透明部分以棋盘格显示

关于这个合集

24px网格上的双色图标。青色标出会起反应的部件,浅蓝标出外壳,这与大一号的面板用的是同一套逻辑。

57个图标全部落在严格的24×24网格上,线宽统一为2px,视觉重量也一致,因此排成一行时读起来是一套,而不是57张碰巧一样大的画。这套涵盖播放、暂停、设置、背包、地图、声音、关闭、确认、生命、货币、防御、战利品、首页、返回、前进、上、下、菜单、搜索、筛选、刷新、全屏、添加、移除、锁定、解锁、查看、删除、信息、警告、星标、奖杯、时间、保存、下载、上传、武器、药水、宝石、钥匙、宝箱、任务、危险、火焰、能量、法力、护甲、速度、技能、目标、音乐、资料、队伍、聊天、邮件、商店与奖励。

每个图标只带两个值:一个主体色,和在其中挖出的一处点缀细节。这就是全部调色板——没有阴影、没有渐变、没有斜面——因此给这一套换色只是两次查找替换,而点缀色仍空着,留给你的界面在别处使用。

这套以三种形式交付。如果你的引擎会栅格化矢量,或者你打算自己改,单个SVG最合适。1368×24的图集把57个全部排在同一网格上,适合偏好单张贴图加矩形偏移的引擎——第N格从 x = N × 24 开始。PNG导出覆盖1x、2x与4x,透明边缘干净。

下载

直接链接 · 无需注册 · 没有等待页
下载ZIP237 kB

全套 — 单个SVG、图集、1x/2x/4x的PNG导出

这个合集包含的文件
文件格式体积下载
全套 — 单个SVG、图集、1x/2x/4x的PNG导出ZIP237 kB 获取 →
图标图集,可编辑SVGSVG13 kB 获取 →

怎么用

  1. 在图集中,第N个图标占据矩形 x = N × 24,y = 0,宽24,高24,顺序为:播放、暂停、设置、背包、地图、声音、关闭、确认、生命、货币、防御、战利品、首页、返回、前进、上、下、菜单、搜索、筛选、刷新、全屏、添加、移除、锁定、解锁、查看、删除、信息、警告、星标、奖杯、时间、保存、下载、上传、武器、药水、宝石、钥匙、宝箱、任务、危险、火焰、能量、法力、护甲、速度、技能、目标、音乐、资料、队伍、聊天、邮件、商店、奖励。
  2. 把图标放在1x、2x或4x的整数像素上;把2 px的线条按分数倍率渲染,正是把清晰图标变成灰糊的原因。
  3. 要改色,请改SVG里的两个值:主体色与点缀细节。在PNG上平涂上色会把两者压成一色,想保住双色的读法就在SVG层面改。
  4. 触控目标请保持图标24 px不变,放大它背后的按钮;线宽是按这个尺寸调好的。

许可

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

可复制的署名文字
"Aetherlab 菜单图标 — 24px双色套装" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/aetherlab-menu-icons-24