Pack d'interfaccia
Hyperlane Cornici per carte
18 componenti per carte e notifiche (arcade) per interfacce in modalità scuro — viola profondo, accento arancio del tramonto. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Hyperlane Cornici per carte è un set di 18 componenti per carte e notifiche disegnati nello stile arcade, dove il colore è il corpo e non il bordo — lastre sature con estremità appuntite. Contiene quattro cornici carta per rarità, un dorso di carta e una casella vuota, una cornice carta orizzontale, tre contatori valuta, un cartellino prezzo normale e uno in saldo, una piastra ricompensa e un contatore mazzo, un distintivo notifica e tre fasce di notifica.
La rarità è quasi sempre codificata come colore del bordo, e questo fallisce due volte: sparisce in scala di grigi e compete con la grafica dell'oggetto, che è già di per sé colorata. Questo set codifica la rarità come struttura.
Ogni lastra è riempita con una sfumatura a due passaggi lungo l'asse maggiore, e i segni sono disegnati scuri sopra il colore invece che chiari sopra il nero. Le estremità appuntite fanno parte della silhouette, quindi sopravvivono alla scalatura invece di essere un effetto di contorno.
Dentro quello stile, questa è la lettura Hyperlane: un'interfaccia in modalità scuro su una palette viola profondo con accenti arancio del tramonto, costruita attorno a due cornici concentriche, pulsanti a pillola completamente arrotondati da 192x48, barre lucide divise in 6 segmenti e icone in bicromia 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.
Il dorso della carta non porta alcun segno di rarità, ed è voluto: se una carta coperta riveli la propria rarità è una regola che decide il tuo gioco, non una che questo set debba dare per scontata. La cornice orizzontale è un file a sé e non quella verticale ruotata, perché ruotarla sposterebbe le squadre d’angolo sui bordi sbagliati. Ogni livello aggiunge un tratto contabile
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 Hyperlane, il che significa che questo kit e il kit di pannelli Hyperlane si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce di corse, arcade e basate sul punteggio.
Download
Link diretto · senza registrazione · senza pagina d'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- Applica il nine-slice alle cornici delle carte solo sui bordi dritti; le squadrette d'angolo e la fascia della corona devono restare negli angoli fissi, altrimenti il segnale di rarità si stira.
- Metti l'icona dell'oggetto nell'area incassata e il nome sulle due fasce di etichetta sotto — la cornice è dimensionata per un'icona in proporzione 1:1.
- Usa il badge come sovrapposizione ancorata in alto a destra di un pulsante d'inventario o di menu, e disegna il numero con il tuo font.
Licenza
Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica
"Hyperlane Cornici per carte" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-card-frames


