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.

  • ui
  • svg
  • png trasparente
  • hud
  • minimappa
  • mirino
  • bussola
  • piatto
  • piatto
  • interfaccia chiara
  • minimale
  • casual
Foglio con 10 cornici per display frontale (piatto) della famiglia Paper, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×1011la trasparenza è mostrata a scacchiera

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'attesa
Scarica ZIP52 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 readmeZIP52 kB Ottieni →
Cornice di minimappa con indicatore del nord, piatto, SVG modificabileSVG952 B Ottieni →

Come si usa

  1. 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.
  2. 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.
  3. 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

Riga di credito da copiare
"Paper Cornici HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-hud-frames