Slate Ventanas modales

Slate Ventanas modales es un conjunto de 15 ventanas modales y avisos del sistema dibujados en estilo realista, donde un degradado especular de cinco paradas recorre una cara de metal cepillado con remaches en las esquinas. Contiene tres ventanas modales de gravedad creciente, tres placas de sistema y tres bandas de sistema, una fila inferior de tres botones, un botón de cierre, una atenuación de fondo por capas y un campo de entrada simple, otro enfocado y otro con error.

Una ventana modal no es un panel: detiene el juego, espera una respuesta y a veces esa respuesta no se puede deshacer. La forma habitual de decirlo es un borde rojo, que choca con el color de vida que ya está en pantalla y desaparece en cuanto alguien reteñe el kit a su propia paleta.

La textura de pincel es un patrón de líneas de 3px y no ruido real: el ruido triplica el peso del PNG por una textura que nadie ve a 1x. La sombra está por capas en vez de desenfocada para que aguante a 4x.

Dentro de ese estilo, esta es la lectura de Slate: una interfaz de tema oscuro sobre una paleta pizarra neutra con acentos en oro cálido, construida en torno a un marco de borde único, botones de esquinas rectas de 128x40, barras en bandas divididas en 10 segmentos e iconos de contorno sobre una rejilla de 24px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.

La gravedad va en el grosor de la franja del borde superior y no en su color: tres píxeles para un aviso, seis para una advertencia y diez para algo destructivo. Así sobrevive a cualquier tinte y a cualquier captura en escala de grises. Las posiciones de los botones son fijas y deliberadas: cancelar a la izquierda y en relieve, la acción que confirma a la derecha y hundida. Ese orden se convierte en memoria muscular a lo largo de un juego, y un kit que lo cambia es la razón por la que alguien borra una partida por reflejo. La atenuación son cuatro escalones apilados y no una capa uniforme, porque una sola lámina negra sobre toda la pantalla mata el arte que pretende atenuar.

Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Slate, lo que significa que este kit y el kit de paneles de Slate encajan sin redimensionar ninguno. Encaja bien en interfaces realista y de simulación.

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