Inkwell Kit de panneaux — panneaux à cadre simple et boutons

Un kit bande dessinée qui tire son poids de l'encre et non de l'éclairage. Chaque surface est un aplat à l'intérieur d'un épais contour sombre avec une ombre portée dure en dessous — pas de biseaux, pas de dégradés, rien qui prétende que l'écran a une source de lumière. C'est ce qui lui permet de côtoyer des personnages dessinés à la main sans avoir l'air de venir d'un autre jeu.

Deux panneaux nine-slice — un cadre de fenêtre à cadre simple avec des coins de 26 px et un cadre intérieur en creux avec des coins de 18 px — couvrent presque toutes les boîtes dont un menu a besoin : dialogues, grilles d'inventaire, fonds de liste, infobulles et panneaux de statistiques. Une seule bordure continue garde le panneau assez discret pour se placer derrière du texte dense. Les deux s'étirent proprement à n'importe quelle taille parce que les coins ne changent jamais d'échelle et que le centre est un remplissage plat.

Sur les panneaux se posent quatre états de bouton à coins droits : normal, survol, enfoncé et désactivé. Ils sont dessinés sur la même base de 152×52 avec des coins de 18 px : vous échangez la texture sur un seul widget de bouton et vous obtenez toute la boucle d'interaction sans déplacer un rectangle. L'état enfoncé descend sa face de deux pixels et retire le reflet du haut au lieu de simplement s'assombrir, et c'est ce qui donne à un bouton la sensation d'être cliqué plutôt que simplement recoloré.

Tout est livré deux fois. Les sources SVG sont les fichiers dans lesquels le kit a été dessiné — ouvrez-les, changez les six tons affiche plate ou l'unique accent rouge de signal, et réexportez. Les exports PNG sont plats, transparents et pré-mis à l'échelle en 1x, 2x et 4x pour les moteurs qui veulent des bitmaps, sans alpha prémultiplié et sans ombre cuite hors des limites du sprite.

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