Packs d'interface
Sketch Interface de groupe
13 éléments de groupe et d’effectif (dessin à la main) pour interfaces en mode clair — papier blanc cassé, accent bleu encre. SVG et PNG transparent en 1x/2x/4x.

À propos de ce pack
Sketch 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 Sketch : une interface en mode clair sur une palette papier blanc cassé avec des accents bleu encre, bâtie autour de deux cadres concentriques, de boutons à coins droits en 132x46, de barres en bandes divisées en 10 segments et d'icônes au trait sur une grille de 32px. 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 Sketch, ce qui veut dire que ce kit et le kit de panneaux Sketch 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'attenteEnsemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readme
Comment l'utiliser
- 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.
- 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.
- 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.
- 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
"Sketch Interface de groupe" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sketch-party-ui


