Pack d'interfaccia
Carbon Finestre modali
15 finestre modali e avvisi di sistema (realistico) per interfacce in modalità scuro — quasi nero, accento ambra d'avviso. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Carbon Finestre modali è un set di 15 finestre modali e avvisi di sistema disegnati nello stile realistico, dove una sfumatura speculare a cinque passaggi percorre una faccia di metallo spazzolato con rivetti agli angoli. 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.
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 Carbon: un'interfaccia in modalità scuro su una palette quasi nero con accenti ambra d'avviso, costruita attorno a quattro squadrette agli angoli al posto di un bordo chiuso, pulsanti smussati da 152x44, barre a nucleo cavo divise in 14 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.
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 Carbon, il che significa che questo kit e il kit di pannelli Carbon 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'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
"Carbon Finestre modali" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/carbon-modals


