Packs d'interface

Charcoal Interface de groupe

13 éléments de groupe et d’effectif (dessin à la main) pour interfaces en mode sombre — gris fumée, accent orange braise. SVG et PNG transparent en 1x/2x/4x.

  • ui
  • svg
  • png transparent
  • groupe
  • effectif
  • escouade
  • ordre des tours
  • formation
  • trait à la main
  • dessin à la main
  • dessiné à la main
  • interface sombre
  • horreur
  • mystère
Planche montrant 13 éléments de groupe et d’effectif (dessin à la main) de la famille Charcoal, disposés sur un damier de transparence avec leurs tailles en pixels inscrites en dessous
aperçu 1600×707la transparence est montrée en damier

À propos de ce pack

Charcoal Interface de groupe est un ensemble de 13 éléments de groupe et d’effectif dessinés dans le style dessin à la main, où chaque bord est échantillonné puis légèrement décalé, si bien qu'aucune ligne n'est vraiment droite. Il contient six états de carte de membre, une case d’effectif vide, une occupée et une verrouillée, une grille de formation à trois rangs, une bande d’ordre des tours, une ligne d’invitation et une paire de flèches d’échange.

Un HUD dessine un personnage. Un écran de groupe en dessine quatre à la fois, et c’est un autre problème : avec quatre cartes côte à côte, à qui est le tour, qui mène et qui est à terre doivent se lire d’un même coup d’œil, alors que la couleur qui porterait normalement cette information est déjà prise par les personnages eux-mêmes.

Le tremblement est déterministe et non aléatoire : la même boîte tremble de la même façon à chaque build, et c'est ce qui lui permet de vivre dans un dépôt de version. L'ombrage est en hachures croisées, parce qu'un dégradé sous une ligne dessinée se lit comme un filtre plutôt que comme une main.

À l'intérieur de ce style, voici la lecture Charcoal : une interface en mode sombre sur une palette gris fumée avec des accents orange braise, bâtie autour de un cadre à bordure unique, de boutons en forme d'onglet en 160x52, de barres à noyau creux divisées en 7 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.

Chaque état de groupe est une marque à un endroit différent de la carte : deux états peuvent donc être vrais en même temps sans qu’aucun ne se perde. Chef est une pointe d’angle en haut à gauche, tour actif une barre sur le bord gauche, prêt une pointe en bas à droite, ciblé un crochet autour de toute la carte et à terre une hachure en travers. Aucune ne touche le creux du portrait, car le portrait appartient à votre illustration et non au kit. La grille de formation marque son rang avant avec l’accent, pour qu’un écran de placement se lise sans légende.

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 Charcoal, ce qui veut dire que ce kit et le kit de panneaux Charcoal s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux jeux de cahier et de livre illustré.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP509 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 readmeZIP509 kB Obtenir →
Carte de membre du groupe, au repos, SVG modifiableSVG3.8 kB Obtenir →

Comment l'utiliser

  1. Réservez le creux du portrait à votre propre illustration ; toutes les marques d’état sont dessinées à l’extérieur, rien ne recouvre donc un visage.
  2. Combinez les marques d’état au lieu de choisir entre elles. Un chef également à terre porte les deux, et elles sont dessinées pour ne pas se chevaucher.
  3. Pilotez la bande d’ordre des tours par l’indice plutôt que par la couleur ; le point actif est dessiné plus grand, et c’est ce qui le rend dénombrable de loin.
  4. La carte de membre et la case d’effectif partagent leur hauteur avec le kit de panneaux de cette famille : un écran de groupe se monte avec les deux sans rien redimensionner.

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
"Charcoal Interface de groupe" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/charcoal-party-ui