Packs de interfaz

Carga Runeforge

20 indicadores de carga y espera (magitech) para interfaces de tema oscuro — paleta violeta arcano, acento menta de hechizo. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • carga
  • ruleta
  • progreso
  • esqueleto
  • magitech
  • magitech
  • magitech
  • fantasía
  • arcano
  • hud
Hoja con 20 indicadores de carga y espera (magitech) de la familia Runeforge, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×1363la transparencia se muestra como damero

Sobre este pack

Carga Runeforge es un conjunto de 20 indicadores de carga y espera dibujados en estilo magitech, donde las esquinas en punta y una pista de circuito llevan color arcano — fantasía con cableado debajo. Contiene una ruleta de ocho fotogramas, un ciclo de tres puntos, un marco de barra de carga con cuatro pasos de relleno, una barra rayada indeterminada, dos líneas de texto de esqueleto y un bloque de imagen de esqueleto.

La pantalla de carga es la que el jugador mira durante más tiempo y aquella para la que nadie hace arte. Es además el único sitio donde una barra significa algo distinto que en el resto: una barra de recurso muestra un valor y una de carga muestra un proceso, y usar el mismo sprite para ambas es como acaba una barra de vida en una pantalla de carga.

Las esquinas en punta vienen del vocabulario de formas y no de un marco de fantasía, y es deliberado: este estilo es la mitad tecnológica de magitech, no la mitad tallada. Los degradados y las composiciones de contorno se alternan a lo largo del conjunto para que un panel de hechizos y un panel de instrumentos puedan compartir pantalla.

Dentro de ese estilo, esta es la lectura de Runeforge: una interfaz de tema oscuro sobre una paleta violeta arcano con acentos en menta de hechizo, construida en torno a un marco de borde único, botones biselados de 184x52, barras de núcleo hueco divididas en 9 segmentos e iconos a dos tintas sobre una rejilla de 32px. 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.

La ruleta llega como ocho fotogramas en vez de un sprite para rotar. La rotación existe en todos los motores, pero el número de fotogramas no; y en un estilo de píxel una ruleta que gira suave está mal, debe ir a saltos. Un atlas de ocho fotogramas es correcto en ambos casos y funciona en todas partes. Los esqueletos están aquí por el mismo motivo que la ruleta: una pantalla vacía mientras carga el contenido se lee como rota, y un bloque gris con la forma de lo que viene se lee como espera.

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 Runeforge, lo que significa que este kit y el kit de paneles de Runeforge encajan sin redimensionar ninguno. Encaja bien en interfaces magitech, de alquimia y de ciencia arcana.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP97 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 readmeZIP97 kB Obtener →
Ruleta, fotograma 1 de 8, SVG editableSVG883 B Obtener →

Cómo se usa

  1. Reproduce los fotogramas de la ruleta en orden a unos 12 por segundo; más lento se lee como atascado y más rápido como ruido.
  2. Usa la barra indeterminada cuando no puedas informar un porcentaje y pasa a los rellenos por pasos en cuanto puedas: un porcentaje inventado es peor que ninguno.
  3. Coloca la línea y el bloque de esqueleto en las mismas posiciones que el contenido real para que nada salte al llegar.
  4. Deja la barra de carga en el color de acento y no en un color de recurso; una barra de carga que parece una de vida se lee como tal.

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
"Carga Runeforge" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/runeforge-loading