Packs de interfaz
Paper Hoja de personaje
12 elementos de ficha y estadísticas (plano) para interfaces de tema claro — paleta papel cálido, acento rojo óxido. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Paper Hoja de personaje es un conjunto de 12 elementos de ficha y estadísticas dibujados en estilo plano, donde no hay contornos ni sombreado de ningún tipo. Contiene una fila de estadística y su versión con banda, tres marcas de comparación, un marco de radar de seis ejes y otro de cinco, un marco de maniquí de equipo, una casilla de equipo vacía y otra ocupada y dos tiras de bonificación de conjunto.
La hoja de personaje existe para responder una pregunta: si esta pieza nueva es mejor que la que ya llevas. Y el dibujo que la responde es el más pequeño del kit. La mayoría de los sets entregan los marcos y dejan las flechas de comparación al motor, que es donde salen como un glifo tipográfico dentro de un set en el que todo lo demás está dibujado a mano.
La profundidad viene solo de una sombra suave por capas — tres pasadas apiladas en vez de un filtro de desenfoque, porque algunos rasterizadores de SVG escalan mal un desenfoque y el PNG de 4x sale como una mancha. Todo lo demás es un único color macizo.
Dentro de ese estilo, esta es la lectura de Paper: una interfaz de tema claro sobre una paleta papel cálido con acentos en rojo óxido, construida en torno a un marco de borde único, botones tipo pastilla totalmente redondeados de 140x44, 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.
Las flechas de subida y bajada son sprites distintos y no una flecha volteada, porque las dos aparecen en la misma tabla de comparación y una flecha volteada recibe la luz por el lado equivocado. Hay una tercera marca para «sin cambio», y eso importa más de lo que parece: la ausencia de flecha es ambigua entre igual y no comparable. El marco de radar viene solo como rejilla y ejes, sin polígono de valores, porque los valores los pone el juego. Lo que debe dar el kit es la escala, y la da con cinco y con seis ejes para que un sistema de estadísticas no tenga que llevar tantos atributos como supuso quien lo dibujó.
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 Paper, lo que significa que este kit y el kit de paneles de Paper encajan sin redimensionar ninguno. Encaja bien en interfaces minimalistas y móviles.
Descarga
Enlace directo · sin registro · sin página de esperaConjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme
Cómo se usa
- Dibuja tu polígono de valores sobre el marco de radar en el motor; el marco es una escala fija con anillos en fracciones iguales, así que el polígono se traza directamente sobre él.
- Usa las tres marcas de comparación, también la de sin cambio. La ausencia de flecha no significa igual.
- Alterna la fila simple y la fila con banda a lo largo de una lista larga en lugar de añadir tu propio relleno de cebra; el tono de la banda sobrevive al recoloreado de la familia.
- El maniquí de equipo deja el centro libre para tu propio retrato, y las posiciones de casilla a su alrededor coinciden exactamente con el tamaño de la casilla suelta.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Paper Hoja de personaje" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-character-sheet


