Mint Classifica

Mint Classifica è un set di 12 elementi di classifica e obiettivi disegnati nello stile piatto, dove non ci sono contorni né ombreggiature di alcun tipo. 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.

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.

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 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.

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