Pack d'interfaccia
Voidrunner Interfaccia di crafting
13 elementi di crafting e ricette (cyberpunk) per interfacce in modalità scuro — viola profondo, accento menta tossica. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Voidrunner Interfaccia di crafting è un set di 13 elementi di crafting e ricette disegnati nello stile cyberpunk, dove ogni cornice ha il suo contorno asimmetrico — una tacca su un angolo, una guida lungo un bordo. Contiene tre stati della casella ingrediente, una casella del risultato più grande, una freccia di combinazione e una di recupero, un segno di unione, tre indicatori di qualità, una riga di ricetta nota e una non scoperta e una barra di lavorazione a gradini.
Il crafting è l’unica schermata in cui una casella deve dire qualcosa che una casella d’inventario non dice mai: non che cosa contiene, ma se ne hai abbastanza. Disponibile, mancante e in parte disponibile sono tre stati, e un set che consegna un solo sprite di casella costringe il motore a rispondere a quella domanda con del testo sotto ogni casella.
La silhouette è composta e non scalata: ognuno dei quattro angoli e ognuno dei quattro bordi riceve il proprio trattamento, quindi non ci sono due cornici del set che condividano un contorno. Il bagliore al neon è una pila di tratti a opacità calante, non un filtro di sfocatura — alcuni rasterizzatori SVG applicano i filtri in modo diverso e trasformano l'alone in una sbavatura a 4x.
Dentro quello stile, questa è la lettura Voidrunner: un'interfaccia in modalità scuro su una palette viola profondo con accenti menta tossica, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 168x40, barre a nucleo cavo divise in 14 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.
La casella ingrediente arriva in tutti e tre gli stati e la differenza sta nel bordo, non in un riempimento: la casella soddisfatta è chiusa, quella mancante è tratteggiata, quella parziale è chiusa solo nella metà inferiore. Si legge a 56 pixel e si legge senza colore. Le frecce di combinazione e di recupero sono due file distinti e non una freccia ruotata, perché stanno sulla stessa schermata e una freccia specchiata manda l’ombreggiatura dalla parte sbagliata. La casella del risultato è disegnata un terzo più grande di proposito: il prodotto di una ricetta non è un ingrediente in più e non deve stare nella stessa scatola.
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 Voidrunner, il che significa che questo kit e il kit di pannelli Voidrunner si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce cyberpunk, fantascientifiche e da futuro prossimo.
Download
Link diretto · senza registrazione · senza pagina d'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- Disponi le caselle degli ingredienti con il segno di unione in mezzo e la freccia di combinazione prima della casella del risultato; ogni pezzo è disegnato per quest’ordine di lettura e per un centro verticale comune.
- Guida lo stato della casella con il conteggio dell’inventario invece di colorare un solo sprite: tratteggiata se manca, chiusa a metà se è parziale, chiusa se è soddisfatta.
- Leggi l’indicatore di qualità dal numero di tacche, non dalla lunghezza. Le tacche sono fisse, quindi un risultato da cinque si conta accanto a uno da tre.
- Per il tempo di lavorazione usa la barra a gradini invece di una barra di risorsa. Il crafting avanza a passi distinti e un riempimento continuo lascia intendere che si possa interrompere a qualsiasi valore.
Licenza
Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica
"Voidrunner Interfaccia di crafting" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/voidrunner-crafting-ui


