Pack d'interfaccia

Redline Diario delle missioni

13 elementi di diario e obiettivi (cyberpunk) per interfacce in modalità scuro — nero sangue, accento ambra d'avviso. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • missione secondaria
  • diario
  • obiettivo di missione
  • missione
  • registro
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • allerta
  • hud
  • rosso
Foglio con 13 elementi di diario e obiettivi (cyberpunk) della famiglia Redline, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×739la trasparenza è mostrata a scacchiera

Su questo pack

Redline Diario delle missioni è un set di 13 elementi di diario e obiettivi disegnati nello stile cyberpunk, dove ogni cornice ha il suo contorno asimmetrico — una tacca su un angolo, una guida lungo un bordo. 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.

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 Redline: un'interfaccia in modalità scuro su una palette nero sangue con accenti ambra d'avviso, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 140x36, barre a nucleo cavo divise in 10 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 Redline, il che significa che questo kit e il kit di pannelli Redline 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'attesa
Scarica ZIP76 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 readmeZIP76 kB Ottieni →
Voce di diario, attiva, SVG modificabileSVG2.7 kB Ottieni →

Come si usa

  1. Applica il nine-slice alle voci solo in orizzontale; il bordo sinistro porta il segno di tracciamento e allungarlo allungherebbe anche il segno.
  2. 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.
  3. 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.
  4. 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

Riga di credito da copiare
"Redline Diario delle missioni" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/redline-quest-log