Pack d'interfaccia

Sunset Drive Interfaccia del gruppo

13 elementi di gruppo e organico (vaporwave) per interfacce in modalità scuro — indaco crepuscolare, accento rosa fenicottero. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • gruppo
  • organico
  • squadra
  • ordine di turno
  • schieramento
  • vaporwave
  • vaporwave
  • vaporwave
  • synthwave
  • retrò
  • hud
Foglio con 13 elementi di gruppo e organico (vaporwave) della famiglia Sunset Drive, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×707la trasparenza è mostrata a scacchiera

Su questo pack

Sunset Drive Interfaccia del gruppo è un set di 13 elementi di gruppo e organico disegnati nello stile vaporwave, dove angoli arrotondati e ripiegati portano lastre rosa e petrolio su un fondo indaco profondo. Contiene sei stati della scheda membro, una casella di organico vuota, una occupata e una bloccata, una griglia di schieramento a tre file, una striscia di ordine di turno, una riga di invito e una coppia di frecce di scambio.

Un HUD disegna un personaggio. Una schermata di gruppo ne disegna quattro insieme, ed è un altro problema: con quattro schede affiancate, di chi è il turno, chi guida e chi è a terra devono leggersi nella stessa occhiata, mentre il colore che di norma porterebbe quell’informazione è già impegnato dai personaggi stessi.

Questo è l'unico stile di cornice che ammette una curva; tutti gli altri del catalogo sono rigorosamente spigolosi. Le sfumature percorrono l'asse maggiore in due passaggi saturi invece di spegnersi su un neutro, perché una sfumatura vaporwave slavata si legge come un errore invece che come un'atmosfera.

Dentro quello stile, questa è la lettura Sunset Drive: un'interfaccia in modalità scuro su una palette indaco crepuscolare con accenti rosa fenicottero, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 176x48, barre a nucleo cavo divise in 8 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.

Ogni stato di gruppo è un segno in un punto diverso della scheda, così due stati possono valere insieme senza che nessuno vada perso: capogruppo è una punta d’angolo in alto a sinistra, turno attivo è una barra sul bordo sinistro, pronto è una punta in basso a destra, bersagliato è una parentesi attorno a tutta la scheda e a terra è un tratteggio trasversale. Nessuno tocca l’incavo del ritratto, perché il ritratto appartiene alla tua grafica e non al kit. La griglia di schieramento marca la prima fila con l’accento, così una schermata di posizionamento si legge senza didascalia.

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 Sunset Drive, il che significa che questo kit e il kit di pannelli Sunset Drive si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce synthwave, crepuscolari e retroromantiche.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP159 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 readmeZIP159 kB Ottieni →
Scheda membro del gruppo, a riposo, SVG modificabileSVG3.9 kB Ottieni →

Come si usa

  1. Riserva l’incavo del ritratto alla tua grafica del personaggio; ogni segno di stato è disegnato fuori, così nulla copre un volto.
  2. Combina i segni di stato invece di sceglierne uno. Un capogruppo anche a terra li porta entrambi, e sono disegnati per non sovrapporsi.
  3. Guida la striscia dell’ordine di turno per indice e non per colore; il punto attivo è disegnato più grande, ed è questo a renderlo contabile da lontano.
  4. La scheda del membro e la casella dell’organico condividono l’altezza con il kit di pannelli di questa famiglia, quindi una schermata di gruppo si compone con entrambi senza ridimensionare nulla.

Licenza

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

Riga di credito da copiare
"Sunset Drive Interfaccia del gruppo" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sunsetdrive-party-ui