Pack d'interfaccia
Chromepop Indicatori dei tasti
16 sprite di indicatori dei tasti (Y2K) per interfacce in modalità scuro — nero puro, accento rosa acceso. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Chromepop Indicatori dei tasti è un set di 16 sprite di indicatori dei tasti disegnati nello stile Y2K, dove tutto è piatto e stampato — contorni dritti e spessi, blocchi pieni, nessun bagliore. 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.
Nessuna sfumatura e nessun alone: tutto il set è colore piatto con un contorno dritto e spesso, ed è questo a separare l'aspetto da manifesto Y2K da quello al neon. Le silhouette sono composte angolo per angolo invece di essere ingrandite da un rettangolo, quindi un badge e uno striscione dello stesso set non condividono il contorno.
Dentro quello stile, questa è la lettura Chromepop: un'interfaccia in modalità scuro su una palette nero puro con accenti rosa acceso, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 160x44, barre a nucleo cavo divise in 12 segmenti e icone in bicromia su una griglia da 24px. 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 Chromepop, il che significa che questo kit e il kit di pannelli Chromepop si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a menu retrofuturistici e interfacce in stile manifesto.
Download
Link diretto · senza registrazione · senza pagina d'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- 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.
- 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.
- 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
"Chromepop Indicatori dei tasti" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/chromepop-input-prompts


