Sumi Kit di navigazione

Sumi Kit di navigazione è un set di 15 componenti di navigazione e immissione disegnati nello stile cel-shading, dove un contorno spesso d'inchiostro avvolge due toni piatti divisi da un terminatore diagonale duro. Contiene schede attive e inattive, il binario di una barra di scorrimento, la sua manopola e due frecce, un menu a tendina chiuso e aperto con la sua lista, campi di testo a riposo e con il focus e pulsanti tondi di chiusura, indietro, più e meno.

La maggior parte dei kit d'interfaccia gratuiti si ferma a pannelli e pulsanti, il che significa che la prima schermata di impostazioni che monti è il momento in cui inizi a disegnare grafica tua. Questo è tutto il resto: i pezzi di cui un menu ha davvero bisogno prima di funzionare.

L'ombra è un'unica forma a bordo duro senza alcuna caduta — la proprietà che definisce il cel shading e la cosa che una sfumatura non può mai imitare. Il contorno usa il tono più scuro della palette e non il tono di bordo, altrimenti si legge come una spessa cornice grigia invece che come inchiostro.

Dentro quello stile, questa è la lettura Sumi: un'interfaccia in modalità scuro su una palette acquerello di carbone con accenti rosso ceralacca, costruita attorno a due cornici concentriche, pulsanti a forma di scheda da 120x48, barre lucide divise in 9 segmenti e icone con contorno 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.

Il campo di testo con il focus allarga il proprio contorno invece di limitarsi a cambiare colore, perché un anello di focus che è solo una tonalità sparisce in modalità ad alto contrasto e si porta via la navigazione da tastiera. La scheda attiva si fonde con la superficie sottostante invece di limitarsi a schiarirsi, ed è questo a farla leggere come collegata.

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 Sumi, il che significa che questo kit e il kit di pannelli Sumi si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi cel-shading e con render toon.

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