徽章

Hyperlane 徽章

26个纹章、徽记与军衔标识(街机)。面向深色界面,深紫配落日橙点缀。SVG与透明PNG 1x/2x/4x。

  • ui
  • svg
  • 透明png
  • 徽章
  • 纹章
  • 徽记
  • 阵营
  • 公会
  • 标志
  • 街机
  • 街机
  • 街机
  • 竞速
  • 渐变
  • hud
图集展示Hyperlane系列的26个纹章、徽记与军衔标识(街机),摆在透明棋盘格上,下方标注像素尺寸
预览 1600×4179透明部分以棋盘格显示

关于这个合集

Hyperlane 徽章是一套用街机风格绘制的26个纹章、徽记与军衔标识,其中颜色是主体而不是边框——两端收尖的饱和色板。内含七种纹章承载框、一块名牌、一枚徽针、一敞一闭两个桂冠环、两个带翼底座、一个抽象符记、一条绶带、五级可数的军衔人字纹、三级星章、两枚勋章和一条略绶。

阵营徽章必须属于它所在的那款游戏,而这恰恰是一枚画完的徽章做不到的:在公会纹章上画一颗狼头,那纹章就属于画它的人,而不属于玩家。所以这套东西大部分是承载框而不是成品标记——盾牌、印记、菱形、旗帜和带翼底座都留着空位,尺寸是按你手头已有的图标定的。

每块色板都沿长轴用两段渐变填充,记号是在颜色之上画深色,而不是在黑底上画亮色。收尖的两端是轮廓的一部分,因此经得起缩放,而不是一层轮廓效果。

在这一风格之内,这是Hyperlane的读法:深紫调色板上带落日橙点缀的深色界面,围绕两层同心框、192x48的完全圆润的胶囊按钮、划分为6段的带光泽的条以及32px网格上的双色图标构建。正是这些尺寸解释了为什么两个系列能共享美术风格却互不可替代:风格决定一条边怎么画,数字决定这套界面是干什么用的。

七种承载框分别是盾牌、圆形印记、菱形、六边形、拱形、垂挂旗帜和三角旗——足够让同一格网里的两个阵营不必共用一个轮廓。军衔用数量而非颜色表示:一到五道人字纹,另有一套独立的星级,因此等级在灰度截图里依然成立,也不会和徽章被染上的阵营色打架。整套里没有画任何字母——嵌入字体是许可问题,而烤进图里的首字母对除了一家之外的所有工作室都是错的,所以承载框给出边框,标记由你的引擎去印。桂冠同时提供敞开和闭合两种:那道缺口让敞开的一枚在缩略图里读作桂冠,闭合的一枚则是印记所需要的环。

每个精灵图都提供可编辑的SVG,以及1x、2x和4x的透明PNG,你可以把PNG直接扔进引擎,也可以打开矢量改个颜色。它按与Hyperlane系列其余部分相同的尺寸绘制,因此这套套件与Hyperlane的面板套件不用任何一方缩放就能对齐。很适合竞速、街机与以分数驱动的界面。

下载

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

全套 — SVG源文件、1x/2x/4x的PNG导出、许可与readme

这个合集包含的文件
文件格式体积下载
全套 — SVG源文件、1x/2x/4x的PNG导出、许可与readmeZIP491 kB 获取 →
盾形纹章,街机,可编辑 SVGSVG441 B 获取 →

怎么用

  1. 把你自己的图标放进承载框的空位,大小约为空位宽度的 60%;空位就是按这个留白画的,标记不会碰到内边框。
  2. 要给整枚徽章换色,请改 SVG 里的两个主体色值,而不是强调色——强调色承载着空位边框和军衔人字纹,把它抹平就等于删掉了用结构表示的等级。
  3. 军衔标识按数量用,不要按颜色用:等级对应一到五道人字纹;需要第二条线时用一到三颗星。人字纹素材的高度随等级增加,条带厚度保持不变——按上边缘对齐,堆叠向下生长。
  4. 做阵营选择界面时,圆形印记和菱形共用同一个外框,因此两个阵营可以在同一格里用不同的承载框,不需要为每个阵营单独排版。

许可

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

可复制的署名文字
"Hyperlane 徽章" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/emblems/hyperlane-emblems