Sketch Fondos

Sketch Fondos es un conjunto de 7 piezas de fondo y superposición dibujados en estilo dibujo a mano, donde cada borde se muestrea y se desplaza un poco, así que ninguna línea es realmente recta. Contiene un fondo de menú a pantalla completa, una baldosa de patrón sin costuras, una capa de oscurecido para modales, un banner de título, un separador de sección y la guía y el relleno de una barra de carga.

Esta es la pieza que la mayoría de los kits de interfaz gratuitos se dejan por completo. Un kit que te da paneles y botones pero nada sobre lo que ponerlos deja de ser útil en la primera pantalla que montes, y el fondo es lo único que no puedes fingir con un color plano sin que todo el menú parezca a medio hacer.

El temblor es determinista y no aleatorio: la misma caja tiembla igual en cada build, y eso es lo que le permite vivir en control de versiones. El sombreado es rayado cruzado, porque un degradado bajo una línea dibujada se lee como un filtro en vez de como una mano.

Dentro de ese estilo, esta es la lectura de Sketch: una interfaz de tema claro sobre una paleta papel blanco roto con acentos en azul tinta, construida en torno a dos marcos concéntricos, botones de esquinas rectas de 132x46, barras en bandas divididas en 10 segmentos e iconos de contorno sobre una rejilla de 32px. 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.

El fondo es donde un estilo artístico tiene más sitio para mostrarse, así que está dibujado distinto en cada uno: bandas con dithering, un mosaico triangulado, papel rayado, una rejilla isométrica, un horizonte de borde duro. Viene a 640x360 y se exporta a 2560x1440 en 4x, lo que cubre 1080p manteniendo la proporción, así que se estira a cualquier resolución con un solo ajuste de cobertura. La baldosa de patrón cierra cada motivo dentro de sus propios límites, así que al repetir no aparece ninguna costura.

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 Sketch, lo que significa que este kit y el kit de paneles de Sketch encajan sin redimensionar ninguno. Encaja bien en juegos de cuaderno y de cuento ilustrado.

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