Pack d'interfaccia

Coinop Kit di dialogo

7 componenti di dialogo (arcade) per interfacce in modalità scuro — nero prugna, accento oro da moneta. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • dialogo
  • fumetto
  • tooltip
  • visual novel
  • arcade
  • arcade
  • arcade
  • cabinato
  • retrò
  • punteggio
Foglio con 7 componenti di dialogo (arcade) della famiglia Coinop, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×528la trasparenza è mostrata a scacchiera

Su questo pack

Coinop Kit di dialogo è un set di 7 componenti di dialogo disegnati nello stile arcade, dove il colore è il corpo e non il bordo — lastre sature con estremità appuntite. Contiene un fumetto con coda, una targhetta con il nome di chi parla, indicatori di continua spento e acceso, righe di scelta a riposo e selezionate e un pannello tooltip.

Un fumetto di dialogo è la superficie più letta di un gioco narrativo, e non è la stessa cosa di un pannello finestra: gli serve una coda che punti a chi sta parlando, una targhetta col nome che stia sopra senza coprire la prima riga e un indicatore di continua a due fotogrammi perché il motore possa farlo lampeggiare.

Ogni lastra è riempita con una sfumatura a due passaggi lungo l'asse maggiore, e i segni sono disegnati scuri sopra il colore invece che chiari sopra il nero. Le estremità appuntite fanno parte della silhouette, quindi sopravvivono alla scalatura invece di essere un effetto di contorno.

Dentro quello stile, questa è la lettura Coinop: un'interfaccia in modalità scuro su una palette nero prugna con accenti oro da moneta, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 200x56, barre a nucleo cavo divise in 5 segmenti e icone in bicromia su una griglia da 32px. Sono quelle misure a spiegare perché due famiglie possono condividere uno stile artistico senza essere intercambiabili: lo stile decide come si traccia un bordo, i numeri decidono a cosa serve l'interfaccia.

La riga di scelta selezionata è marcata da un rientro e da un puntatore invece che da un cambio di colore, così lo stato sopravvive a una modalità per daltonici e a uno shader in scala di grigi. Qui conta più che altrove: scegliere l'opzione di dialogo sbagliata è un errore che un giocatore non può annullare.

Ogni sprite arriva come SVG modificabile e come PNG trasparente a 1x, 2x e 4x, così puoi buttare i PNG dritti in un motore oppure aprire il vettoriale e cambiare un colore. Disegnato con le stesse misure del resto della famiglia Coinop, il che significa che questo kit e il kit di pannelli Coinop si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce di corse, arcade e basate sul punteggio.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP29 kB

Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readmeZIP29 kB Ottieni →
Fumetto di dialogo con coda, arcade, SVG modificabileSVG1.1 kB Ottieni →

Come si usa

  1. Applica il nine-slice al fumetto di dialogo sulle zone dritte e lascia la coda nell'angolo fisso, altrimenti si stira a cuneo quando il fumetto cresce.
  2. Fai lampeggiare l'indicatore di continua alternando i fotogrammi spento e acceso a circa 2 Hz — i due fotogrammi esistono proprio per non doverne tingere uno a runtime.
  3. Ancora la targhetta del nome in alto a sinistra del fumetto di dialogo con uno scostamento negativo pari a circa metà della sua altezza, così da sovrapporsi alla cornice.

Licenza

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Coinop Kit di dialogo" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/coinop-dialogue-kit