Pack d'interfaccia

Inkwell Interfaccia di crafting

13 elementi di crafting e ricette (cel-shading) per interfacce in modalità chiaro — manifesto piatto, accento rosso di segnale. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • crafting
  • ricetta
  • banco da lavoro
  • fucina
  • inventario
  • celshading
  • cel-shading
  • fumetto
  • cartoon
  • spesso
  • interfaccia chiara
Foglio con 13 elementi di crafting e ricette (cel-shading) della famiglia Inkwell, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×597la trasparenza è mostrata a scacchiera

Su questo pack

Inkwell Interfaccia di crafting è un set di 13 elementi di crafting e ricette disegnati nello stile cel-shading, dove un contorno spesso d'inchiostro avvolge due toni piatti divisi da un terminatore diagonale duro. Contiene tre stati della casella ingrediente, una casella del risultato più grande, una freccia di combinazione e una di recupero, un segno di unione, tre indicatori di qualità, una riga di ricetta nota e una non scoperta e una barra di lavorazione a gradini.

Il crafting è l’unica schermata in cui una casella deve dire qualcosa che una casella d’inventario non dice mai: non che cosa contiene, ma se ne hai abbastanza. Disponibile, mancante e in parte disponibile sono tre stati, e un set che consegna un solo sprite di casella costringe il motore a rispondere a quella domanda con del testo sotto ogni casella.

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 Inkwell: un'interfaccia in modalità chiaro su una palette manifesto piatto con accenti rosso di segnale, costruita attorno a una cornice a bordo singolo, pulsanti ad angoli retti da 152x52, barre a fasce divise in 5 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 casella ingrediente arriva in tutti e tre gli stati e la differenza sta nel bordo, non in un riempimento: la casella soddisfatta è chiusa, quella mancante è tratteggiata, quella parziale è chiusa solo nella metà inferiore. Si legge a 56 pixel e si legge senza colore. Le frecce di combinazione e di recupero sono due file distinti e non una freccia ruotata, perché stanno sulla stessa schermata e una freccia specchiata manda l’ombreggiatura dalla parte sbagliata. La casella del risultato è disegnata un terzo più grande di proposito: il prodotto di una ricetta non è un ingrediente in più e non deve stare nella stessa scatola.

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

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP82 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 readmeZIP82 kB Ottieni →
Casella ingrediente, disponibile, SVG modificabileSVG900 B Ottieni →

Come si usa

  1. Disponi le caselle degli ingredienti con il segno di unione in mezzo e la freccia di combinazione prima della casella del risultato; ogni pezzo è disegnato per quest’ordine di lettura e per un centro verticale comune.
  2. Guida lo stato della casella con il conteggio dell’inventario invece di colorare un solo sprite: tratteggiata se manca, chiusa a metà se è parziale, chiusa se è soddisfatta.
  3. Leggi l’indicatore di qualità dal numero di tacche, non dalla lunghezza. Le tacche sono fisse, quindi un risultato da cinque si conta accanto a uno da tre.
  4. Per il tempo di lavorazione usa la barra a gradini invece di una barra di risorsa. Il crafting avanza a passi distinti e un riempimento continuo lascia intendere che si possa interrompere a qualsiasi valore.

Licenza

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

Riga di credito da copiare
"Inkwell Interfaccia di crafting" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/inkwell-crafting-ui