Packs d'interface

Reliquary Cases d'inventaire — grille de 60px

60×60 cases d'inventaire en pierre glacée : états vide, survol, sélectionnée et verrouillée plus trois cadres de rareté. SVG et PNG transparent.

  • ui
  • svg
  • png transparent
  • inventaire
  • case d'inventaire
  • cadre d'objet
  • rareté
  • grille
  • fantasy
  • stylisé
  • temple
  • interface sombre
Une rangée de cases d'inventaire carrées sur fond en damier montrant les états vide, survol, sélectionnée avec repères dans les coins et verrouillée en hachures diagonales, suivie de cadres de rareté colorés et d'une grille de huit cases
aperçu 1600×635la transparence est montrée en damier

À propos de ce pack

Cases d'inventaire à 60px. Un écran de reliques montre peu d'objets et donne un cadre à chacun : la case est donc petite et c'est le traitement de rareté qui fait le travail — chaque palier ajoute une marque de coin comptable au lieu de changer la couleur de la bordure.

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 60×60, tous avec les mêmes limites extérieures, pour qu'une rangée s'aligne sans calcul d'écart. Espacez-les de 64 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.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP27 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 readmeZIP27 kB Obtenir →
Case vide, SVG modifiableSVG850 B Obtenir →
Case sélectionnée avec repères dans les coins, SVG modifiableSVG1.3 kB Obtenir →

Comment l'utiliser

  1. Disposez les cases avec un pas de 64 px — le sprite de 60 px plus 4 px de gouttière — et les bordures resteront à un pixel d'écart au lieu de doubler.
  2. Dessinez l'icône de l'objet centrée dans la case à environ 42 px ; le creux intérieur fait 54 px, donc tout ce qui dépasse touche la bordure et mange le cadre.
  3. Échangez le sprite entier de la case pour les états sélectionnée et verrouillée au lieu de superposer une teinte, car les repères de coin et les hachures font partie du sprite.
  4. Les cadres de rareté remplacent directement la case vide — mêmes limites, même creux — un changement de rareté est donc un simple échange de texture, sans toucher à la mise en page.

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
"Reliquary Cases d'inventaire — grille de 60px" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/reliquary-inventory-slots