界面合集
Hyperlane 菜单图标 — 32px双色套装
街机速度感的双色菜单图标57个，32×32网格，含播放、暂停、设置等54个。图集与单文件，另含透明PNG。
关于这个合集
32px网格上的双色图标。在饱和的色板上，单色图标会消失在渐变里，因此让它保持可读的是第二种色调。
57个图标全部落在严格的32×32网格上，线宽统一为2.5px，视觉重量也一致，因此排成一行时读起来是一套，而不是57张碰巧一样大的画。这套涵盖播放、暂停、设置、背包、地图、声音、关闭、确认、生命、货币、防御、战利品、首页、返回、前进、上、下、菜单、搜索、筛选、刷新、全屏、添加、移除、锁定、解锁、查看、删除、信息、警告、星标、奖杯、时间、保存、下载、上传、武器、药水、宝石、钥匙、宝箱、任务、危险、火焰、能量、法力、护甲、速度、技能、目标、音乐、资料、队伍、聊天、邮件、商店与奖励。
每个图标只带两个值：一个主体色，和在其中挖出的一处点缀细节。这就是全部调色板——没有阴影、没有渐变、没有斜面——因此给这一套换色只是两次查找替换，而点缀色仍空着，留给你的界面在别处使用。
这套以三种形式交付。如果你的引擎会栅格化矢量，或者你打算自己改，单个SVG最合适。1824×32的图集把57个全部排在同一网格上，适合偏好单张贴图加矩形偏移的引擎——第N格从 x = N × 32 开始。PNG导出覆盖1x、2x与4x，透明边缘干净。
怎么用
- 在图集中，第N个图标占据矩形 x = N × 32，y = 0，宽32，高32，顺序为：播放、暂停、设置、背包、地图、声音、关闭、确认、生命、货币、防御、战利品、首页、返回、前进、上、下、菜单、搜索、筛选、刷新、全屏、添加、移除、锁定、解锁、查看、删除、信息、警告、星标、奖杯、时间、保存、下载、上传、武器、药水、宝石、钥匙、宝箱、任务、危险、火焰、能量、法力、护甲、速度、技能、目标、音乐、资料、队伍、聊天、邮件、商店、奖励。
- 把图标放在1x、2x或4x的整数像素上；把2.5 px的线条按分数倍率渲染，正是把清晰图标变成灰糊的原因。
- 要改色，请改SVG里的两个值：主体色与点缀细节。在PNG上平涂上色会把两者压成一色，想保住双色的读法就在SVG层面改。
- 触控目标请保持图标32 px不变，放大它背后的按钮；线宽是按这个尺寸调好的。
许可
"Hyperlane 菜单图标 — 32px双色套装" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-menu-icons-32也可以从这里逛
更多界面合集
查看全部 →
Aetherlab 背景图
13个背景与叠层素材（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 卡牌框
18个卡牌与通知组件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 角色面板
12个角色面板与属性部件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。
Aetherlab 制作界面
13个制作与配方部件（魔导科技）。面向深色界面，实验室藏青配以太青点缀。SVG与透明PNG 1x/2x/4x。