Packs d'interface

Voidrunner Fiche de personnage

12 éléments de fiche et de statistiques (cyberpunk) pour interfaces en mode sombre — violet profond, accent menthe toxique. SVG et PNG transparent en 1x/2x/4x.

  • ui
  • svg
  • png transparent
  • fiche de personnage
  • statistiques
  • équipement
  • attributs
  • rpg
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • néon
  • hud
  • science-fiction
Planche montrant 12 éléments de fiche et de statistiques (cyberpunk) de la famille Voidrunner, disposés sur un damier de transparence avec leurs tailles en pixels inscrites en dessous
aperçu 1600×824la transparence est montrée en damier

À propos de ce pack

Voidrunner Fiche de personnage est un ensemble de 12 éléments de fiche et de statistiques dessinés dans le style cyberpunk, où chaque cadre a son propre contour asymétrique — une encoche sur un coin, un rail le long d'un bord. Il contient une ligne de statistique et sa variante à bandeau, trois marques de comparaison, un cadre radar à six axes et un à cinq, un cadre de mannequin d’équipement, une case d’équipement vide et une occupée, ainsi que deux bandes de bonus de panoplie.

La fiche de personnage existe pour répondre à une question : cette nouvelle pièce est-elle meilleure que celle déjà portée ? Et le dessin qui y répond est le plus petit du kit. La plupart des kits livrent les cadres et laissent les flèches de comparaison au moteur — c’est là qu’elles ressortent en glyphe de police au milieu d’un kit où tout le reste est dessiné à la main.

La silhouette est composée et non mise à l'échelle : chacun des quatre coins et chacun des quatre bords reçoit son propre traitement, aucun cadre du set ne partage donc son contour avec un autre. La lueur néon est un empilement de traits d'opacité décroissante, pas un filtre de flou — certains rastériseurs SVG appliquent les filtres autrement et transforment le halo en bavure à 4x.

À l'intérieur de ce style, voici la lecture Voidrunner : une interface en mode sombre sur une palette violet profond avec des accents menthe toxique, bâtie autour de un cadre à bordure unique, de boutons chanfreinés en 168x40, de barres à noyau creux divisées en 14 segments et d'icônes en bichromie sur une grille de 24px. Ces mesures expliquent pourquoi deux familles peuvent partager un style artistique sans être interchangeables : le style décide comment un bord est tracé, les nombres décident à quoi sert l'interface.

Les flèches vers le haut et vers le bas sont deux sprites distincts et non une flèche retournée, car elles apparaissent toutes deux dans le même tableau de comparaison et une flèche retournée reçoit la lumière du mauvais côté. Il existe une troisième marque pour « inchangé », et elle compte plus qu’il n’y paraît : l’absence de flèche est ambiguë entre égal et non comparable. Le cadre radar est livré en grille et axes seuls, sans polygone de valeurs, parce que les valeurs viennent du jeu. Ce que le kit doit fournir, c’est l’échelle — et il la fournit à cinq comme à six axes, pour qu’un système de statistiques ne soit pas obligé d’avoir autant d’attributs que l’a supposé le dessinateur.

Chaque sprite est livré en SVG modifiable et en PNG transparent à 1x, 2x et 4x : vous pouvez déposer les PNG directement dans un moteur ou ouvrir le vecteur et changer une couleur. Dessiné aux mêmes mesures que le reste de la famille Voidrunner, ce qui veut dire que ce kit et le kit de panneaux Voidrunner s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux interfaces cyberpunk, science-fiction et proche futur.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP163 kB

Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readme

Fichiers inclus dans ce pack
FichierFormatPoidsTéléchargement
Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readmeZIP163 kB Obtenir →
Ligne de statistique, SVG modifiableSVG838 B Obtenir →

Comment l'utiliser

  1. Tracez votre polygone de valeurs par-dessus le cadre radar dans le moteur ; le cadre est une échelle fixe dont les anneaux tombent sur des fractions régulières, le polygone se reporte donc directement dessus.
  2. Utilisez les trois marques de comparaison, y compris celle d’égalité. Une flèche absente ne veut pas dire égal.
  3. Alternez la ligne simple et la ligne à bandeau le long d’une longue liste plutôt que d’ajouter votre propre zébrage ; le ton du bandeau survit à la recoloration de la famille.
  4. Le mannequin d’équipement laisse son centre libre pour votre propre portrait, et les positions de cases autour correspondent exactement à la taille de la case d’équipement isolée.

Licence

Creative Commons Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique

Ligne de crédit à copier
"Voidrunner Fiche de personnage" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/voidrunner-character-sheet