Pack d'interfaccia
Paper Cornici HUD
10 cornici per display frontale (piatto) per interfacce in modalità chiaro — carta calda, accento rosso ruggine. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Paper Cornici HUD è un set di 10 cornici per display frontale disegnati nello stile piatto, dove non ci sono contorni né ombreggiature di alcun tipo. Contiene una cornice di minimappa con indicatore del nord, una cornice per il ritratto del personaggio, una striscia bussola, tre mirini, un marcatore di obiettivo e una targa per il tracciamento delle missioni.
Questi sono i pezzi che restano sullo schermo per tutto il tempo in cui si gioca, il che li rende i più difficili da azzeccare: ognuno deve essere leggibile sopra grafica di gioco qualsiasi senza coprire il centro dello schermo.
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 Paper: un'interfaccia in modalità chiaro su una palette carta calda con accenti rosso ruggine, costruita attorno a una cornice a bordo singolo, pulsanti a pillola completamente arrotondati da 140x44, barre a fasce divise in 10 segmenti e icone con contorno 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.
La targa delle missioni segna un obiettivo completato con una casella piena e una riga barrata invece di attenuarlo, così il tracciamento resta leggibile su un cielo luminoso. Le tacche della bussola alternano maggiori e minori, così una rotta si legge in un colpo d'occhio invece di contarla.
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 Paper, il che significa che questo kit e il kit di pannelli Paper 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'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- Ancora la cornice della minimappa a un angolo dello schermo e renderizza la tua texture di mappa nell'area incassata; l'indicatore del nord fa parte della cornice, quindi resta fermo mentre la mappa ruota.
- Disegna il marcatore di obiettivo nello spazio schermo, vincolato al bordo del viewport, e non nello spazio mondo, altrimenti sparisce appena il bersaglio esce dall'inquadratura.
- Scegli un mirino e tienilo — i tre sono alternative per sensazioni d'arma diverse, non un set da mescolare dentro lo stesso gioco.
Licenza
Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica
"Paper Cornici HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-hud-frames


