Slate Cases d'inventaire — grille de 64px

Cases d'inventaire à 64px avec quatre états et les cadres de rareté. Le logement vide est en creux avec un bord clair en haut et une ombre en bas, et c'est là toute l'astuce : une grille d'inventaire se lit comme une grille de trous, et une case qui n'a pas l'air d'un trou se lit comme un bouton.

Une grille d'inventaire n'a pas besoin d'un panneau, elle a besoin d'un carré qui se répète : 7 fichiers en 64×64, tous avec les mêmes limites extérieures, pour qu'une rangée s'aligne sans calcul d'écart. Espacez-les de 68 px et les bordures se lisent comme une seule grille plutôt que comme une rangée de boîtes séparées.

Les états sont dessinés comme une structure, pas comme une couleur. La case sélectionnée reçoit des repères de coin, la case verrouillée des hachures diagonales, et la case survolée relève sa bordure d'un cran. C'est délibéré : l'écran d'inventaire est la surface la plus bruyante de la plupart des jeux, posée sous des décors d'objets de toutes les teintes à la fois, et un état qui n'est qu'une couleur de bordure devient invisible dès qu'une épée rouge occupe la case.

Les trois cadres de rareté reprennent les couleurs de vie, mana et endurance du reste de la famille, chacun avec un repère de coin en plus d'une bordure colorée — celui qui trie par rareté lit donc deux signaux, et aucun des deux ne rivalise avec le décor de l'objet au centre de la case.

Tout est fourni en SVG modifiable et en PNG plat transparent à 1x, 2x et 4x. Les intérieurs des cases sont transparents : ce que vous rendez derrière la grille se voit au travers, au lieu d'une couleur de fond cuite dans l'image.

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