Packs de interfaz

Marcadores de mapa Paper

12 marcadores de mapa e indicadores de mundo (plano) para interfaces de tema claro — paleta papel cálido, acento rojo óxido. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • marcador de mapa
  • punto de ruta
  • marcador de misión
  • minimapa
  • plano
  • plano
  • interfaz clara
  • minimalista
  • casual
Hoja con 12 marcadores de mapa e indicadores de mundo (plano) de la familia Paper, 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 Paper es un conjunto de 12 marcadores de mapa e indicadores de mundo dibujados en estilo plano, donde no hay contornos ni sombreado de ningún tipo. 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 profundidad viene solo de una sombra suave por capas — tres pasadas apiladas en vez de un filtro de desenfoque, porque algunos rasterizadores de SVG escalan mal un desenfoque y el PNG de 4x sale como una mancha. Todo lo demás es un único color macizo.

Dentro de ese estilo, esta es la lectura de Paper: una interfaz de tema claro sobre una paleta papel cálido con acentos en rojo óxido, construida en torno a un marco de borde único, botones tipo pastilla totalmente redondeados de 140x44, 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 Paper, lo que significa que este kit y el kit de paneles de Paper encajan sin redimensionar ninguno. Encaja bien en interfaces minimalistas y móviles.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP186 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 readmeZIP186 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 Paper" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-map-markers