Pack d'interfaccia
Neon Diario delle missioni
13 elementi di diario e obiettivi (low-poly) per interfacce in modalità scuro — blu dello spazio profondo, accento ciano. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Neon Diario delle missioni è un set di 13 elementi di diario e obiettivi disegnati nello stile low-poly, dove la silhouette è un poligono spigoloso e la faccia è divisa in triangoli piatti. Contiene quattro stati della voce di diario, tre stati della riga di obiettivo, una striscia di ricompensa, una scheda di diario attiva e una a riposo e tre segni di difficoltà contabili.
Un diario delle missioni è un elenco in cui ogni riga significa qualcosa di diverso dalla vicina, e quella differenza è quasi sempre disegnata come colore: verde per completata, grigio per fallita, oro per seguita. Tre grigi e un oro dopo, il diario si legge come una sfumatura e non come un elenco, e chi vi cerca l’unica missione in corso deve leggere ogni riga.
Quattro triangoli si incontrano fuori centro e ognuno porta il proprio tono piatto, che è esattamente il modo in cui una mesh sfaccettata si ombreggia. Nel kit non c'è una curva da nessuna parte né una sfumatura su nessuna faccetta.
Dentro quello stile, questa è la lettura Neon: un'interfaccia in modalità scuro su una palette blu dello spazio profondo con accenti ciano, costruita attorno a quattro squadrette agli angoli al posto di un bordo chiuso, pulsanti smussati da 144x36, barre a nucleo cavo divise in 12 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.
Tutti e quattro gli stati portano il proprio segno nella stessa colonna di sinistra, ed è questo a permettere di scorrere un diario lungo lungo un’unica linea invece di leggerlo: attiva prende una barra su tutto il bordo, seguita una punta, completata un segno di spunta e fallita una croce. Completata e fallita si distinguono così per segno e non per tinta, e la colonna resta leggibile a qualunque altezza di riga. Le righe di obiettivo sono di una misura più piccole delle voci e ne condividono il margine sinistro, ed è questo a far leggere un obiettivo annidato come parte della missione sopra e non come un’altra missione.
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 Neon, il che significa che questo kit e il kit di pannelli Neon si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi low-poly.
Download
Link diretto · senza registrazione · senza pagina d'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- Applica il nine-slice alle voci solo in orizzontale; il bordo sinistro porta il segno di tracciamento e allungarlo allungherebbe anche il segno.
- Rientra le righe di obiettivo fino al margine per cui sono disegnate invece di aggiungere un rientro tuo, e l’annidamento va a posto da solo.
- Usa i segni di difficoltà per quantità. Formano una serie contabile, quindi una missione da quattro si confronta a colpo d’occhio con una da uno.
- Metti la striscia della ricompensa sotto gli obiettivi e non nell’intestazione: è disegnata a piena larghezza della voce e si aspetta di essere l’ultima riga di una missione aperta.
Licenza
Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica
"Neon Diario delle missioni" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/neon-quest-log


