Pack d'interfaccia

Mint Interfaccia di crafting

13 elementi di crafting e ricette (piatto) per interfacce in modalità scuro — grigio bluastro, accento verde menta. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • crafting
  • ricetta
  • banco da lavoro
  • fucina
  • inventario
  • piatto
  • piatto
  • piatto
  • interfaccia scura
  • strategia
  • strumenti
Foglio con 13 elementi di crafting e ricette (piatto) della famiglia Mint, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×597la trasparenza è mostrata a scacchiera

Su questo pack

Mint Interfaccia di crafting è un set di 13 elementi di crafting e ricette disegnati nello stile piatto, dove non ci sono contorni né ombreggiature di alcun tipo. 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.

La profondità viene solo da un'ombra morbida a strati — tre passate sovrapposte invece di un filtro di sfocatura, perché alcuni rasterizzatori SVG scalano male una sfocatura e il PNG a 4x esce come una sbavatura. Tutto il resto è un unico colore pieno.

Dentro quello stile, questa è la lettura Mint: un'interfaccia in modalità scuro su una palette grigio bluastro con accenti verde menta, costruita attorno a una fascia d'intestazione lungo la parte alta della cornice, pulsanti ad angoli retti da 120x36, barre a tacche divise in 12 segmenti e icone in bicromia su una griglia da 16px. 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 Mint, il che significa che questo kit e il kit di pannelli Mint si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce minimali e mobile.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP92 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 readmeZIP92 kB Ottieni →
Casella ingrediente, disponibile, SVG modificabileSVG655 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 Zero 1.0 — Dominio pubblico. Nessuna attribuzione. Termini completi · Cosa significa in pratica