Packs de interfaz

Marcadores de mapa Slate

12 marcadores de mapa e indicadores de mundo (realista) para interfaces de tema oscuro — paleta pizarra neutra, acento oro cálido. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • marcador de mapa
  • punto de ruta
  • marcador de misión
  • minimapa
  • realista
  • realista
  • interfaz oscura
Hoja con 12 marcadores de mapa e indicadores de mundo (realista) de la familia Slate, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×1219la transparencia se muestra como damero

Sobre este pack

Marcadores de mapa Slate es un conjunto de 12 marcadores de mapa e indicadores de mundo dibujados en estilo realista, donde un degradado especular de cinco paradas recorre una cara de metal cepillado con remaches en las esquinas. Contiene cinco chinchetas de mapa —simple, misión, tienda, peligro y hogar—, galones de punto de ruta, una flecha de orientación del jugador, un nodo de ruta y una marca de brújula, un anillo de objetivo, anillos de ping y un área de efecto.

Los kits de interfaz cubren los bordes de la pantalla. Estos se sitúan en el medio, sobre el juego, donde el kit no tiene ni idea de lo que hay debajo: hierba, nieve, noche. Un marcador que depende de un fondo para leerse desaparecerá en la mitad de tus niveles.

La textura de pincel es un patrón de líneas de 3px y no ruido real: el ruido triplica el peso del PNG por una textura que nadie ve a 1x. La sombra está por capas en vez de desenfocada para que aguante a 4x.

Dentro de ese estilo, esta es la lectura de Slate: una interfaz de tema oscuro sobre una paleta pizarra neutra con acentos en oro cálido, construida en torno a un marco de borde único, botones de esquinas rectas de 128x40, barras en bandas divididas en 10 segmentos e iconos de contorno sobre una rejilla de 24px. 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 marcador lleva su propio contorno y un cuerpo de un solo color, de modo que el trabajo lo hace la silueta y no el relleno. El anclaje va nombrado en el título de cada sprite y no es el centro: una chincheta señala su objetivo con la punta, así que ancla abajo al centro, mientras que un anillo y la flecha de orientación anclan en el medio. Colocar una chincheta por su centro la pone media chincheta por encima de lo que debía marcar. El área y el anillo de objetivo van discontinuos y no continuos porque describen una región y no un borde: un anillo continuo se lee como un muro.

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 Slate, lo que significa que este kit y el kit de paneles de Slate encajan sin redimensionar ninguno. Encaja bien en interfaces realista y de simulación.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP181 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 readmeZIP181 kB Obtener →
Chincheta de mapa, anclaje abajo al centro, SVG editableSVG401 B Obtener →

Cómo se usa

  1. Ancla cada sprite por el punto que nombra su título: abajo al centro en las chinchetas, al centro en los anillos y en la flecha de orientación.
  2. Mantén los marcadores a un tamaño de pantalla fijo en vez de escalarlos con la distancia; una chincheta que encoge con el mundo deja de leerse justo a la distancia en que la necesitabas.
  3. Usa los anillos de ping como tres fotogramas de una animación —dibujarlos hacia fuera y desvanecerlos— y no como tres marcadores separados.
  4. Tiñe el cuerpo de la chincheta por facción pero deja el contorno en paz; el contorno es lo que mantiene el marcador legible sobre un fondo desconocido.

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
"Marcadores de mapa Slate" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/slate-map-markers