Packs de interfaz
Hologrid Diario de misiones
13 elementos de diario y objetivos (holograma) para interfaces de tema oscuro — paleta azul abismo, acento ámbar de señal. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Hologrid Diario de misiones es un conjunto de 13 elementos de diario y objetivos dibujados en estilo holograma, donde un trazo fino lleva un halo ancho y la mayor parte del marco es espacio vacío. Contiene cuatro estados de entrada del diario, tres estados de fila de objetivo, una tira de recompensa, una pestaña de diario activa y otra inactiva y tres marcas de dificultad contables.
Un diario de misiones es una lista donde cada fila significa algo distinto de su vecina, y esa diferencia casi siempre se dibuja como color: verde para completada, gris para fallida, dorado para seguida. Tres grises y un dorado después, el diario se lee como un degradado y no como una lista, y quien busca en él la única misión que tiene en curso tiene que leer línea por línea.
El halo es una pila de trazos de opacidad decreciente y no un filtro de desenfoque — algunos rasterizadores de SVG aplican los filtros de otra manera y lo emborronan a 4x. El trazo es fino a propósito: una interfaz proyectada se lee como luz, y una línea gruesa se lee como pintura.
Dentro de ese estilo, esta es la lectura de Hologrid: una interfaz de tema oscuro sobre una paleta azul abismo con acentos en ámbar de señal, construida en torno a un marco de borde único, botones de esquinas rectas de 132x38, barras con marcas divididas en 20 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.
Los cuatro estados llevan su marca en la misma columna izquierda, y eso es lo que permite recorrer un diario largo por una sola línea en vez de leerlo: activa lleva una barra en todo el borde, seguida una cuña, completada una marca de visto y fallida una cruz. Completada y fallida se distinguen así por la marca y no por el color, y la columna sigue siendo legible a cualquier altura de fila. Las filas de objetivo son un tamaño menores que las entradas y comparten su margen izquierdo, y eso hace que un objetivo anidado se lea como parte de la misión de arriba y no como otra misión.
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 Hologrid, lo que significa que este kit y el kit de paneles de Hologrid encajan sin redimensionar ninguno. Encaja bien en proyecciones de ciencia ficción, escáneres y superposiciones de futuro cercano.
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
- Aplica el nine-slice a las entradas solo en horizontal; el borde izquierdo lleva la marca de seguimiento y estirarlo estiraría también la marca.
- Sangra las filas de objetivo hasta el margen para el que están dibujadas en lugar de añadir tu propia sangría, y el anidado encaja solo.
- Usa las marcas de dificultad por cantidad. Están dibujadas como una serie contable, así que una misión de cuatro se compara de un vistazo con una de una.
- Coloca la tira de recompensa debajo de los objetivos y no en la cabecera: está dibujada al ancho completo de la entrada y espera ser la última fila de una misión desplegada.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Hologrid Diario de misiones" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hologrid-quest-log


