Pack d'interfaccia

Reliquary Classifica

12 elementi di classifica e obiettivi (stilizzato) per interfacce in modalità scuro — indaco profondo, accento argento pallido. SVG e PNG trasparente a 1x/2x/4x.

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

Su questo pack

Reliquary Classifica è un set di 12 elementi di classifica e obiettivi disegnati nello stile stilizzato, dove la cornice è intagliata, con pinnacoli che sporgono oltre gli angoli e una gemma incastonata in ciascuno. 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'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 Reliquary: un'interfaccia in modalità scuro su una palette indaco profondo con accenti argento pallido, costruita attorno a una fascia d'intestazione lungo la parte alta della cornice, pulsanti smussati da 128x56, barre a nucleo cavo divise in 12 segmenti e icone in bicromia su una griglia da 24px. 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 Reliquary, il che significa che questo kit e il kit di pannelli Reliquary 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 ZIP83 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 readmeZIP83 kB Ottieni →
Riga di classifica, posto 1, SVG modificabileSVG1.9 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 Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Reliquary Classifica" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/reliquary-leaderboard