Pack d'interfaccia

Mint Diario delle missioni

13 elementi di diario e obiettivi (piatto) per interfacce in modalità scuro — grigio bluastro, accento verde menta. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • missione secondaria
  • diario
  • obiettivo di missione
  • missione
  • registro
  • piatto
  • piatto
  • piatto
  • interfaccia scura
  • strategia
  • strumenti
Foglio con 13 elementi di diario e obiettivi (piatto) della famiglia Mint, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×739la trasparenza è mostrata a scacchiera

Su questo pack

Mint Diario delle missioni è un set di 13 elementi di diario e obiettivi disegnati nello stile piatto, dove non ci sono contorni né ombreggiature di alcun tipo. 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 profondità viene solo da un'ombra morbida a strati — tre passate sovrapposte invece di un filtro di sfocatura, perché alcuni rasterizzatori SVG scalano male una sfocatura e il PNG a 4x esce come una sbavatura. Tutto il resto è un unico colore pieno.

Dentro quello stile, questa è la lettura Mint: un'interfaccia in modalità scuro su una palette grigio bluastro con accenti verde menta, costruita attorno a una fascia d'intestazione lungo la parte alta della cornice, pulsanti ad angoli retti da 120x36, barre a tacche divise in 12 segmenti e icone in bicromia su una griglia da 16px. 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 Mint, il che significa che questo kit e il kit di pannelli Mint si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce minimali e mobile.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP91 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 readmeZIP91 kB Ottieni →
Voce di diario, attiva, SVG modificabileSVG936 B 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 Zero 1.0 — Dominio pubblico. Nessuna attribuzione. Termini completi · Cosa significa in pratica