Packs de interfaz

Recon Marcos de carta

11 componentes de cartas y notificaciones (equipo de campaña) para interfaces de tema oscuro — paleta gris acero, acento naranja bengala. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cartas
  • rareza
  • moneda
  • tienda
  • militar
  • equipo de campaña
  • militar
  • óptica
  • reconocimiento
  • hud
Hoja con 11 componentes de cartas y notificaciones (equipo de campaña) de la familia Recon, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×728la transparencia se muestra como damero

Sobre este pack

Recon Marcos de carta es un conjunto de 11 componentes de cartas y notificaciones dibujados en estilo equipo de campaña, donde hay paneles estarcidos con esquinas rectas, un trazo hueso y exactamente un color de señal. Contiene cuatro marcos de carta por rareza, tres contadores de moneda, una insignia de notificación y tres banners emergentes.

La rareza casi siempre se codifica como un color de borde, y eso falla dos veces: desaparece en escala de grises y compite con el arte del objeto, que ya es de por sí de color. Este conjunto codifica la rareza como estructura.

Ningún resplandor y ningún degradado: una caja pintada no brilla, y la contención es todo el look. Las siluetas se mantienen cerca del rectángulo y ganan su diferencia con hombros escalonados y raíles de borde en vez de con cortes, que es como se comportan de verdad las marcas de campaña estarcidas.

Dentro de ese estilo, esta es la lectura de Recon: una interfaz de tema oscuro sobre una paleta gris acero con acentos en naranja bengala, construida en torno a un marco de borde único, botones biselados de 116x32, barras de núcleo hueco divididas en 20 segmentos e iconos a dos tintas sobre una rejilla de 16px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.

Cada rareza añade un rasgo contable — la común no tiene ninguno, la rara suma dos escuadras, la épica una línea interior y cuatro escuadras, y la legendaria una banda de corona. Las distingues a tamaño de miniatura, en una captura y con el color quitado. Los banners emergentes limitan el color a una franja de borde de 6px para que el texto del mensaje quede al mismo contraste en los tres tonos.

Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Recon, lo que significa que este kit y el kit de paneles de Recon encajan sin redimensionar ninguno. Encaja bien en interfaces tácticas, de supervivencia y militares.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP112 kB

Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme

Archivos incluidos en este pack
ArchivoFormatoPesoDescarga
Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readmeZIP112 kB Obtener →
Marco de carta de objeto, rareza común, equipo de campaña, SVG editableSVG2.4 kB Obtener →

Cómo se usa

  1. Aplica nine-slice a los marcos de carta solo en sus bordes rectos; las escuadras de esquina y la banda de corona deben quedarse en las esquinas fijas o la señal de rareza se estira.
  2. Pon el icono del objeto en el área rehundida y el nombre en las dos barras de etiqueta de debajo — el marco está dimensionado para un icono en proporción 1:1.
  3. Usa la insignia como superposición anclada a la esquina superior derecha de un botón de inventario o de menú, y dibuja el número con tu propia fuente.

Licencia

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica

Línea de crédito para copiar
"Recon Marcos de carta" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/recon-card-frames