Pack d'interfaccia
Basalt Finestre modali
15 finestre modali e avvisi di sistema (low-poly) per interfacce in modalità scuro — grigio cenere, accento arancio magma. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Basalt Finestre modali è un set di 15 finestre modali e avvisi di sistema disegnati nello stile low-poly, dove la silhouette è un poligono spigoloso e la faccia è divisa in triangoli piatti. Contiene tre finestre modali di gravità crescente, tre targhe di sistema e tre fasce di sistema, una riga inferiore a tre pulsanti, un pulsante di chiusura, un velo di fondo a strati e un campo di inserimento semplice, uno attivo e uno in errore.
Una finestra modale non è un pannello: ferma il gioco, aspetta una risposta e a volte quella risposta non si può annullare. Il modo consueto di dirlo è un bordo rosso, che va a cozzare con il colore della salute già presente sullo schermo e sparisce nel momento in cui qualcuno ricolora il kit sulla propria palette.
Quattro triangoli si incontrano fuori centro e ognuno porta il proprio tono piatto, che è esattamente il modo in cui una mesh sfaccettata si ombreggia. Nel kit non c'è una curva da nessuna parte né una sfumatura su nessuna faccetta.
Dentro quello stile, questa è la lettura Basalt: un'interfaccia in modalità scuro su una palette grigio cenere con accenti arancio magma, costruita attorno a una cornice a bordo singolo, pulsanti ad angoli retti da 120x44, barre a fasce divise in 7 segmenti e icone piene 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 gravità sta nello spessore della fascia sul bordo superiore e non nella sua tinta: tre pixel per un avviso, sei per un’allerta, dieci per qualcosa di distruttivo. Così sopravvive a qualunque tinta e a qualunque screenshot in scala di grigi. Le posizioni dei pulsanti sono fisse e volute: Annulla a sinistra e in rilievo, l’azione che conferma a destra e incassata. Quell’ordine diventa memoria del gesto lungo tutto un gioco, e un kit che lo cambia è il motivo per cui si cancella un salvataggio per riflesso. Il velo è fatto di quattro gradini sovrapposti e non di una stesura uniforme, perché un unico foglio nero su tutto lo schermo uccide la grafica che dovrebbe attenuare.
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 Basalt, il che significa che questo kit e il kit di pannelli Basalt si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi low-poly.
Download
Link diretto · senza registrazione · senza pagina d'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- Tieni Annulla a sinistra e l’azione che conferma a destra in ogni finestra, comprese quelle che monti tu con la riga inferiore.
- Scegli la finestra in base allo spessore della fascia superiore invece di ricolorare uno sprite. Il segnale è lo spessore.
- Stendi il velo dietro la finestra alla dimensione del tuo schermo e ripetilo: è disegnato a gradini distinti e quindi si ingrandisce senza artefatti di sfocatura.
- Usa il campo di inserimento in errore invece di un bordo rosso. Raddoppia la sottolineatura, e questo si legge in scala di grigi e accanto a una barra della salute.
Licenza
Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica
"Basalt Finestre modali" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/basalt-modals


