Packs de interfaz

Chromepop Kit de diálogo

7 componentes de diálogo (Y2K) para interfaces de tema oscuro — paleta negro puro, acento rosa intenso. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • diálogo
  • bocadillo
  • tooltip
  • novela visual
  • y2k
  • Y2K
  • y2k
  • cartel
  • cromo
  • retrofuturista
Hoja con 7 componentes de diálogo (Y2K) de la familia Chromepop, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×528la transparencia se muestra como damero

Sobre este pack

Chromepop Kit de diálogo es un conjunto de 7 componentes de diálogo dibujados en estilo Y2K, donde todo es plano e impreso — contornos rectos y gruesos, bloques macizos, ningún resplandor. Contiene un bocadillo con rabo, una placa con el nombre del hablante, indicadores de continuar apagado y encendido, filas de opción en reposo y seleccionada y un panel de tooltip.

Un cuadro de diálogo es la superficie más leída de un juego con historia, y no es lo mismo que un panel de ventana: necesita un rabo que apunte a quien habla, una placa de nombre que se apoye encima sin tapar la primera línea y un indicador de continuar con dos fotogramas para que el motor pueda hacerlo parpadear.

Ningún degradado y ningún halo: todo el conjunto es color plano con un contorno recto y grueso, y eso es lo que separa el look de cartel Y2K del de neón. Las siluetas se componen esquina a esquina en vez de escalarse desde un rectángulo, así que una insignia y un banner del mismo conjunto no comparten contorno.

Dentro de ese estilo, esta es la lectura de Chromepop: una interfaz de tema oscuro sobre una paleta negro puro con acentos en rosa intenso, construida en torno a un marco de borde único, botones biselados de 160x44, barras de núcleo hueco divididas en 12 segmentos e iconos a dos tintas 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.

La fila de opción seleccionada se marca con una sangría y un puntero en vez de con un cambio de color, así que el estado sobrevive a un modo para daltónicos y a un shader en escala de grises. Aquí importa más que en ningún otro sitio: elegir la opción de diálogo equivocada es un error que un jugador no puede deshacer.

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 Chromepop, lo que significa que este kit y el kit de paneles de Chromepop encajan sin redimensionar ninguno. Encaja bien en menús retrofuturistas e interfaces con estilo de cartel.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP22 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 readmeZIP22 kB Obtener →
Bocadillo con rabo, Y2K, SVG editableSVG1.5 kB Obtener →

Cómo se usa

  1. Aplica nine-slice al bocadillo en sus zonas rectas y deja el rabo en la esquina fija, o se estirará hasta convertirse en una cuña cuando el cuadro crezca.
  2. Haz parpadear el indicador de continuar alternando los fotogramas apagado y encendido a unos 2 Hz — los dos fotogramas existen para que no tengas que teñir uno en tiempo de ejecución.
  3. Ancla la placa de nombre a la esquina superior izquierda del cuadro de diálogo con un desplazamiento negativo de alrededor de la mitad de su altura para que se solape con el marco.

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
"Chromepop Kit de diálogo" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/chromepop-dialogue-kit