Pack d'interfaccia

Sandbox Classifica

12 elementi di classifica e obiettivi (voxel) per interfacce in modalità chiaro — sabbia del deserto, accento azzurro cielo. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • classifica
  • tabellone
  • obiettivo
  • graduatoria
  • trofeo
  • voxel
  • voxel
  • voxel
  • interfaccia chiara
  • costruzione
  • sandbox
Foglio con 12 elementi di classifica e obiettivi (voxel) della famiglia Sandbox, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×1032la trasparenza è mostrata a scacchiera

Su questo pack

Sandbox Classifica è un set di 12 elementi di classifica e obiettivi disegnati nello stile voxel, dove ogni superficie è la faccia frontale di un cubo con la faccia superiore illuminata e la destra in ombra. Contiene tre righe di posto e una riga semplice, una riga evidenziata per il giocatore, un podio a tre posti, una targa di obiettivo bloccata e una sbloccata, una barra di avanzamento, due strisce di rarità e una mensola vetrina.

Oro, argento e bronzo sono il modo ovvio di disegnare i primi tre e sono anche l’unica palette che un gioco non controlla: appena il tuo accento è caldo, la riga dorata smette di leggersi come primo posto e comincia a leggersi come selezionata. E la riga che si cerca davvero è la propria, che nelle prime tre non c’è mai.

L'estrusione è geometria vera e non un'ombra: l'angolo di luce non cambia mai, ci sono esattamente tre toni per blocco e la faccia frontale è rientrata perché il cubo resti dentro i limiti del proprio sprite.

Dentro quello stile, questa è la lettura Sandbox: un'interfaccia in modalità chiaro su una palette sabbia del deserto con accenti azzurro cielo, costruita attorno a una fascia d'intestazione lungo la parte alta della cornice, pulsanti smussati da 112x40, barre a fasce 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.

Il posto sta nella larghezza del blocco di rango a sinistra, che si restringe dal primo al terzo: l’ordine del podio si legge quindi prima di qualunque numero e resta leggibile in qualsiasi colore usi la famiglia. La riga del giocatore è ancora diversa: è l’unica disegnata con un contorno pieno, ed è questo a permettere di trovarla scorrendo invece che leggendo. Le targhe degli obiettivi si bloccano e si sbloccano per struttura, perché quella bloccata mantiene la cornice e svuota il campo: una mensola di obiettivi ha una forma già prima che se ne ottenga uno.

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 Sandbox, il che significa che questo kit e il kit di pannelli Sandbox si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi voxel e a blocchi.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP39 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 readmeZIP39 kB Ottieni →
Riga di classifica, posto 1, SVG modificabileSVG1.1 kB Ottieni →

Come si usa

  1. Usa le righe di posto per i primi tre e la riga semplice per tutto il resto; il segnale è la larghezza del blocco di rango e non va sovrascritto.
  2. Disegna la riga del giocatore nella posizione che occupa davvero invece di fissarla in cima. Ha un contorno pieno proprio per essere trovata a metà elenco.
  3. Lascia la targa dell’obiettivo bloccato al suo posto invece di nascondere ciò che non è ancora stato ottenuto. Il campo vuoto accoglie la tua icona nella stessa misura della targa sbloccata.
  4. La striscia di rarità è una proporzione, non un grado: una striscia corta significa che in pochi lo hanno. Alimentala con la percentuale reale di completamento e non con un nome di rarità.

Licenza

Creative Commons Zero 1.0 — Dominio pubblico. Nessuna attribuzione. Termini completi · Cosa significa in pratica