Pack d'interfaccia

Oak Diario delle missioni

13 elementi di diario e obiettivi (stilizzato) per interfacce in modalità scuro — marrone legno, accento ottone lucidato. SVG e PNG trasparente a 1x/2x/4x.

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

Su questo pack

Oak Diario delle missioni è un set di 13 elementi di diario e obiettivi disegnati nello stile stilizzato, dove la cornice è intagliata, con pinnacoli che sporgono oltre gli angoli e una gemma incastonata in ciascuno. 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.

L'ornamento fa parte della silhouette invece di essere disegnato sopra, così la cornice resta riconoscibile a dimensione di miniatura. La faccia porta una sfumatura verticale a tre passaggi — il massimo che un kit piatto può avvicinarsi a uno smusso dipinto.

Dentro quello stile, questa è la lettura Oak: un'interfaccia in modalità scuro su una palette marrone legno con accenti ottone lucidato, costruita attorno a due cornici concentriche, pulsanti a forma di scheda da 160x48, barre lucide divise in 8 segmenti e icone piene 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 Oak, il che significa che questo kit e il kit di pannelli Oak si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce fantasy e da RPG.

Download

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