Sketch Kit di navigazione

Sketch Kit di navigazione è un set di 15 componenti di navigazione e immissione disegnati nello stile disegno a mano, dove ogni bordo è campionato e spostato di poco, così nessuna linea è davvero dritta. 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.

Il tremolio è deterministico e non casuale: la stessa scatola trema allo stesso modo a ogni build, ed è questo a permetterle di vivere in un sistema di versionamento. L'ombreggiatura è a tratteggio incrociato, perché una sfumatura sotto una linea disegnata si legge come un filtro invece che come una mano.

Dentro quello stile, questa è la lettura Sketch: un'interfaccia in modalità chiaro su una palette carta bianco sporco con accenti blu inchiostro, costruita attorno a due cornici concentriche, pulsanti ad angoli retti da 132x46, barre a fasce divise in 10 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 Sketch, il che significa che questo kit e il kit di pannelli Sketch si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi da quaderno e da libro illustrato.

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