Pack d'interfaccia

Paper Scheda personaggio

12 elementi di scheda e statistiche (piatto) per interfacce in modalità chiaro — carta calda, accento rosso ruggine. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • scheda personaggio
  • statistiche
  • equipaggiamento
  • attributi
  • rpg
  • piatto
  • piatto
  • interfaccia chiara
  • minimale
  • casual
Foglio con 12 elementi di scheda e statistiche (piatto) della famiglia Paper, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×824la trasparenza è mostrata a scacchiera

Su questo pack

Paper Scheda personaggio è un set di 12 elementi di scheda e statistiche disegnati nello stile piatto, dove non ci sono contorni né ombreggiature di alcun tipo. Contiene una riga di statistica e la sua variante con fascia, tre segni di confronto, una cornice radar a sei assi e una a cinque, una cornice del manichino, una casella di equipaggiamento vuota e una occupata e due strisce di bonus set.

La scheda personaggio esiste per rispondere a una domanda: questo pezzo nuovo è migliore di quello che indossi? E il disegno che risponde è il più piccolo del kit. Quasi tutti i set consegnano le cornici e lasciano le frecce di confronto al motore, ed è lì che escono come un glifo tipografico dentro un set in cui tutto il resto è disegnato a mano.

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 Paper: un'interfaccia in modalità chiaro su una palette carta calda con accenti rosso ruggine, costruita attorno a una cornice a bordo singolo, pulsanti a pillola completamente arrotondati da 140x44, barre a fasce divise in 10 segmenti e icone con contorno 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.

Le frecce su e giù sono due sprite distinti e non una freccia ribaltata, perché compaiono entrambe nella stessa tabella di confronto e una freccia ribaltata prende luce dal lato sbagliato. C’è un terzo segno per «invariato», e conta più di quanto sembri: nessuna freccia è ambiguo fra uguale e non confrontabile. La cornice radar arriva solo come griglia e assi, senza poligono dei valori, perché i valori vengono dal gioco. Ciò che il kit deve dare è la scala, e la dà a cinque come a sei assi, perché un sistema di statistiche non sia costretto ad avere tanti attributi quanti ne ha supposti chi ha disegnato.

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 Paper, il che significa che questo kit e il kit di pannelli Paper 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 ZIP219 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 readmeZIP219 kB Ottieni →
Riga di statistica, SVG modificabileSVG376 B Ottieni →

Come si usa

  1. Disegna il poligono dei valori sopra la cornice radar nel motore; la cornice è una scala fissa con anelli a frazioni regolari, quindi il poligono ci si riporta sopra direttamente.
  2. Usa tutti e tre i segni di confronto, compreso quello di invariato. Una freccia assente non significa uguale.
  3. Alterna la riga semplice e quella con fascia lungo un elenco lungo invece di aggiungere una tua trama a zebra; il tono della fascia sopravvive alla ricolorazione della famiglia.
  4. Il manichino dell’equipaggiamento lascia libero il centro per il tuo ritratto, e le posizioni delle caselle intorno corrispondono esattamente alla misura della casella singola.

Licenza

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

Riga di credito da copiare
"Paper Scheda personaggio" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-character-sheet