Pack d'interfaccia

Slate Cornici HUD

10 cornici per display frontale (realistico) per interfacce in modalità scuro — ardesia neutra, accento oro caldo. SVG e PNG trasparente a 1x/2x/4x.

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

Su questo pack

Slate Cornici HUD è un set di 10 cornici per display frontale disegnati nello stile realistico, dove una sfumatura speculare a cinque passaggi percorre una faccia di metallo spazzolato con rivetti agli angoli. 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 texture del pennello è un motivo di linee da 3px e non rumore vero: il rumore triplica il peso del PNG per una texture che nessuno vede a 1x. L'ombra è a strati invece che sfocata, così regge a 4x.

Dentro quello stile, questa è la lettura Slate: un'interfaccia in modalità scuro su una palette ardesia neutra con accenti oro caldo, costruita attorno a una cornice a bordo singolo, pulsanti ad angoli retti da 128x40, 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 Slate, il che significa che questo kit e il kit di pannelli Slate si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce realistico e di simulazione.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP54 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 readmeZIP54 kB Ottieni →
Cornice di minimappa con indicatore del nord, realistico, SVG modificabileSVG2.5 kB 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
"Slate Cornici HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/slate-hud-frames