Aqua Kit de paneles — paneles de marco único y botones

Cristal sin shader de desenfoque. La mitad superior de cada superficie es un escalón más clara que la inferior, separadas por una única línea dura de un píxel, que es la forma más barata posible de decir "esto es una losa brillante" y la única que sobrevive a un exportado a 1x. Los verdeazulados son lo bastante oscuros como para que el acento azul hielo parezca iluminado y no pintado.

Dos paneles nine-slice — un marco de ventana de marco único con esquinas de 24 px y un marco interior rehundido con esquinas de 16 px — cubren casi cualquier caja que necesite un menú: diálogos, rejillas de inventario, fondos de lista, tooltips y paneles de estadísticas. Un único borde continuo mantiene el panel lo bastante discreto como para ponerse detrás de texto denso. Los dos se estiran limpiamente a cualquier tamaño porque las esquinas nunca escalan y el centro es un relleno plano.

Sobre los paneles se apoyan cuatro estados de botón de esquinas rectas: normal, hover, pulsado y desactivado. Están dibujados sobre la misma base de 128×40 con esquinas de 12 px, así que cambias la textura en un único widget de botón y obtienes todo el ciclo de interacción sin mover un rectángulo. El estado pulsado baja su cara dos píxeles y quita el brillo superior en vez de solo oscurecerse, y eso es lo que hace que un botón se sienta pulsado y no simplemente recoloreado.

Todo viene dos veces. Las fuentes SVG son los archivos en los que se dibujó el kit — ábrelos, cambia los seis tonos de verdeazulado profundo o el único acento de azul hielo y vuelve a exportar. Los exportados PNG son planos, transparentes y preescalados a 1x, 2x y 4x para motores que quieren bitmaps, sin alfa premultiplicado y sin sombra horneada fuera de los límites del sprite.

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