Pack d'interfaccia

Mallwave Indicatori dei tasti

16 sprite di indicatori dei tasti (vaporwave) per interfacce in modalità scuro — foschia prugna, accento oro sbiadito dal sole. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • indicatori dei tasti
  • tasto
  • gamepad
  • controller
  • vaporwave
  • vaporwave
  • vaporwave
  • pastello
  • retrò
  • hud
Foglio con 16 sprite di indicatori dei tasti (vaporwave) della famiglia Mallwave, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×883la trasparenza è mostrata a scacchiera

Su questo pack

Mallwave Indicatori dei tasti è un set di 16 sprite di indicatori dei tasti disegnati nello stile vaporwave, dove angoli arrotondati e ripiegati portano lastre rosa e petrolio su un fondo indaco profondo. Contiene tasti quadrati, larghi e premuti, quattro tasti freccia, quattro pulsanti frontali del gamepad, un dorsale e un grilletto e tre indicatori dei pulsanti del mouse.

Un gioco che supporta sia tastiera sia gamepad deve mostrarli entrambi, a dimensioni coordinate, nella stessa frase — e quasi nessuno pubblica quella grafica, così finisce disegnata a mano a fine progetto, quando non c'è più tempo.

Questo è l'unico stile di cornice che ammette una curva; tutti gli altri del catalogo sono rigorosamente spigolosi. Le sfumature percorrono l'asse maggiore in due passaggi saturi invece di spegnersi su un neutro, perché una sfumatura vaporwave slavata si legge come un errore invece che come un'atmosfera.

Dentro quello stile, questa è la lettura Mallwave: un'interfaccia in modalità scuro su una palette foschia prugna con accenti oro sbiadito dal sole, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 132x40, barre a nucleo cavo divise in 16 segmenti e icone in bicromia su una griglia da 16px. 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.

In questo set non è disegnata nemmeno una lettera. Incorporare un font significa incorporarne la licenza, e una "E" cotta nell'immagine è sbagliata in ogni schema di comandi rimappato e in ogni lingua; qui ci sono le forme, e il tuo motore disegna il glifo sopra con il font che ha già.

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 Mallwave, il che significa che questo kit e il kit di pannelli Mallwave si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce synthwave, crepuscolari e retroromantiche.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP111 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 readmeZIP111 kB Ottieni →
Tasto di tastiera, una sola lettera, SVG modificabileSVG2.3 kB Ottieni →

Come si usa

  1. Disegna l'etichetta del tasto con il tuo font, centrata sulla faccia del tasto, che sta un po' sopra il centro — è quello scostamento a far sembrare il tasto premibile.
  2. Scambia il tasto premuto al key-down per un effetto di pressione di un fotogramma invece di scalare lo sprite, cosa che rovina lo spessore del contorno.
  3. Tieni gli indicatori di gamepad e tastiera alla stessa altezza ottica dentro una riga di testo; il pulsante del pad da 44px e il tasto da 40px sono già dimensionati per coincidere.

Licenza

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

Riga di credito da copiare
"Mallwave Indicatori dei tasti" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/mallwave-input-prompts