Pack d'interfaccia

Oak Sfondi

7 elementi di sfondo e sovrapposizione (stilizzato) per interfacce in modalità scuro — marrone legno, accento ottone lucidato. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • immagine di sfondo
  • sfondo
  • ripetibile
  • schermata di menu
  • stilizzato
  • stilizzato
  • fantasy
  • rpg
  • legno
Foglio con 7 elementi di sfondo e sovrapposizione (stilizzato) della famiglia Oak, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×1341la trasparenza è mostrata a scacchiera

Su questo pack

Oak Sfondi è un set di 7 elementi di sfondo e sovrapposizione disegnati nello stile stilizzato, dove la cornice è intagliata, con pinnacoli che sporgono oltre gli angoli e una gemma incastonata in ciascuno. Contiene uno sfondo di menu a schermo intero, una mattonella di motivo senza cuciture, una velatura per finestre modali, uno striscione del titolo, un separatore di sezione e il binario e il riempimento di una barra di caricamento.

Questo è il pezzo che la maggior parte dei kit d'interfaccia gratuiti lascia completamente fuori. Un kit che ti dà pannelli e pulsanti ma niente su cui appoggiarli smette di essere utile alla prima schermata che monti, e lo sfondo è l'unica cosa che non puoi simulare con un colore piatto senza che tutto il menu sembri incompiuto.

L'ornamento fa parte della silhouette invece di essere disegnato sopra, così la cornice resta riconoscibile a dimensione di miniatura. La faccia porta una sfumatura verticale a tre passaggi — il massimo che un kit piatto può avvicinarsi a uno smusso dipinto.

Dentro quello stile, questa è la lettura Oak: un'interfaccia in modalità scuro su una palette marrone legno con accenti ottone lucidato, costruita attorno a due cornici concentriche, pulsanti a forma di scheda da 160x48, barre lucide divise in 8 segmenti e icone piene 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.

Lo sfondo è il punto in cui uno stile artistico ha più spazio per mostrarsi, quindi è disegnato in modo diverso in ciascuno: fasce con dithering, un mosaico triangolato, carta tratteggiata, una griglia isometrica, un orizzonte a bordo duro. Arriva a 640x360 ed esporta a 2560x1440 a 4x, che copre il 1080p mantenendo la proporzione, quindi si estende a qualsiasi risoluzione con un solo adattamento a copertura. La mattonella di motivo chiude ogni elemento dentro i propri limiti, così la ripetizione non mostra cuciture.

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 Oak, il che significa che questo kit e il kit di pannelli Oak si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce fantasy e da RPG.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP30 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 readmeZIP30 kB Ottieni →
Sfondo di menu a schermo intero, stilizzato, SVG modificabileSVG728 B Ottieni →

Come si usa

  1. Usa lo sfondo con adattamento a copertura invece di stirarlo — la proporzione 16:9 è voluta e deformarla si nota subito su una sfumatura.
  2. Ripeti il motivo dietro elenchi e griglie d'inventario a 1x per una texture fine o a 2x per una grossolana; è senza cuciture in entrambe le direzioni.
  3. Disegna la velatura tra il gioco e una finestra modale a schermo intero. Usa la palette dello stile invece del nero piatto, quindi non ingrigisce un gioco a colori.

Licenza

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Oak Sfondi" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/oak-backdrops