Sketch Casillas de inventario — rejilla de 68px

Casillas de inventario con interiores rayados. El estado bloqueado usa un rayado más denso en vez de un icono de candado, así que la rejilla sigue siendo legible cuando todas las casillas tienen arte de objeto dentro.

Una rejilla de inventario no necesita un panel, necesita un cuadrado que repita: 7 archivos de 68×68, todos con los mismos límites exteriores, para que una fila encaje sin cuentas de separación. Sepáralas 72 px y los bordes se leen como una sola rejilla en vez de como una fila de cajas sueltas.

Los estados están dibujados como estructura, no como color. La casilla seleccionada recibe marcas en las esquinas, la bloqueada un rayado diagonal y la de hover sube su borde un escalón. Es deliberado: la pantalla de inventario es la superficie más ruidosa de casi cualquier juego, se apoya bajo arte de objetos de todos los matices a la vez, y un estado que es solo un color de borde se vuelve invisible en cuanto hay una espada roja en la casilla.

Los tres marcos de rareza reutilizan los colores de vida, maná y aguante del resto de la familia, cada uno con una marca en la esquina además del borde de color — así que quien ordena por rareza está leyendo dos señales, y ninguna compite con el arte del objeto en el centro de la casilla.

Todo se incluye como SVG editable y como PNG plano transparente en 1x, 2x y 4x. Los interiores de las casillas son transparentes, así que lo que renderices detrás de la rejilla se ve a través en vez de un color de fondo horneado.

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica