Pack d'interfaccia

Carbon Diario delle missioni

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

  • ui
  • svg
  • png trasparente
  • missione secondaria
  • diario
  • obiettivo di missione
  • missione
  • registro
  • realistico
  • realistico
  • realistico
  • cabina di pilotaggio
  • simulazione
  • corse
Foglio con 13 elementi di diario e obiettivi (realistico) della famiglia Carbon, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×739la trasparenza è mostrata a scacchiera

Su questo pack

Carbon Diario delle missioni è un set di 13 elementi di diario e obiettivi disegnati nello stile realistico, dove una sfumatura speculare a cinque passaggi percorre una faccia di metallo spazzolato con rivetti agli angoli. 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 texture del pennello è un motivo di linee da 3px e non rumore vero: il rumore triplica il peso del PNG per una texture che nessuno vede a 1x. L'ombra è a strati invece che sfocata, così regge a 4x.

Dentro quello stile, questa è la lettura Carbon: un'interfaccia in modalità scuro su una palette quasi nero con accenti ambra d'avviso, costruita attorno a quattro squadrette agli angoli al posto di un bordo chiuso, pulsanti smussati da 152x44, barre a nucleo cavo divise in 14 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 Carbon, il che significa che questo kit e il kit di pannelli Carbon si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce realistico e di simulazione.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP87 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 readmeZIP87 kB Ottieni →
Voce di diario, attiva, SVG modificabileSVG2.1 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
"Carbon Diario delle missioni" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/carbon-quest-log