Los estilos de relleno controlan la apariencia interior de las figuras. Diagrammix3 ofrece colores sólidos, degradados lineales, degradados radiales y rellenos de patrón para crear diagramas visualmente ricos.
Tipos de Relleno
Relleno Sólido
El tipo de relleno más simple usa un solo color para llenar toda la figura.
Para aplicar un relleno sólido:
- Selecciona una figura
- Abre el panel Inspector
- Busca la sección Fill
- Haz clic en el selector de color
- Elige un color del selector
- La figura se rellena con el color seleccionado
Degradado Lineal
Los degradados lineales hacen una transición suave entre dos o más colores a lo largo de una línea recta.
Direcciones disponibles:
- Horizontal (de izquierda a derecha)
- Vertical (de arriba a abajo)
- Diagonal (de arriba izquierda a abajo derecha)
- Diagonal inversa (de arriba derecha a abajo izquierda)
Para aplicar un degradado lineal:
- Selecciona una figura
- En la sección Fill del Inspector
- Haz clic en el botón Gradient
- Elige Linear Gradient
- Selecciona la dirección (horizontal, vertical o diagonal)
- Establece el color inicial (parada de color superior o izquierda)
- Establece el color final (parada de color inferior o derecha)
Degradado Radial
Los degradados radiales irradian hacia afuera desde un punto central, creando una transición de color circular.
Características:
- Color central (interior)
- Color del borde (exterior)
- Expansión circular o elíptica
- Crea efectos de profundidad y resaltado
Para aplicar un degradado radial:
- Selecciona una figura
- En la sección Fill del Inspector
- Haz clic en el botón Gradient
- Elige Radial Gradient
- Establece el color central
- Establece el color del borde
Los degradados radiales se adaptan automáticamente a las proporciones de la figura.
Relleno de Patrón
Los rellenos de patrón repiten una textura o diseño a lo largo del interior de la figura.
Nota: Los rellenos de patrón pueden ser limitados en la versión actual. Consulta el Inspector para ver los patrones disponibles.
Sin Relleno (Transparente)
Elimina el relleno completamente para crear figuras de solo contorno.
Para eliminar el relleno:
- Selecciona una figura
- En la sección Fill del Inspector
- Haz clic en No Fill o establece la opacidad al 0%
- Solo el trazo permanece visible
Esto es útil para:
- Superponer figuras sin ocultar el contenido de fondo
- Crear diagramas tipo wireframe
- Resaltar solo con contorno
Paradas de Color de Degradado
El control avanzado de degradados usa paradas de color para definir múltiples colores en un degradado:
- Selecciona una figura con relleno de degradado
- En el Inspector, busca el editor de Gradient
- Haz clic en la barra de degradado para agregar una parada de color
- Arrastra las paradas para ajustar su posición
- Haz clic en una parada para cambiar su color
- Arrastra una parada fuera de la barra para eliminarla
El soporte varía: Verifica si los degradados con múltiples paradas están disponibles en tu versión.
Opacidad del Relleno
Controla la transparencia de los rellenos independientemente de la figura:
- Selecciona una figura
- En la sección Fill del Inspector
- Ajusta el deslizador de Opacity (0-100%)
- 0% = completamente transparente
- 100% = completamente opaco
La opacidad del relleno afecta solo al interior, no al trazo ni al texto.
Esquemas de Color y Rellenos
Los rellenos se pueden vincular a esquemas de color:
- Elige un color de la paleta del esquema de color
- El relleno se actualiza automáticamente si cambias el esquema de color
- Mantiene la consistencia visual en todo tu diagrama
Para aplicar un color del esquema:
- En la sección Fill
- Haz clic en el desplegable Scheme
- Elige un rol de color (Primario, Acento, Fondo, etc.)
- El relleno adopta ese color del esquema
Consejos para Degradados
Crear Profundidad
Usa degradados para agregar dimensión:
- Más claro arriba → más oscuro abajo sugiere iluminación cenital
- Más oscuro arriba → más claro abajo sugiere reflejo del suelo
- Los degradados radiales crean efectos de esfera o botón
Sutil vs. Audaz
- Degradados sutiles: Usa colores cercanos en valor (ej., azul claro → azul medio)
- Degradados audaces: Usa colores contrastantes (ej., amarillo → púrpura)
- Los degradados sutiles funcionan mejor para diagramas profesionales
- Los degradados audaces captan la atención para dar énfasis
Rendimiento
- Los degradados se renderizan más lento que los rellenos sólidos en diagramas muy complejos
- Usa rellenos sólidos para diagramas con más de 100 figuras
- Reserva los degradados para elementos clave que necesiten énfasis visual
Combinar Rellenos con Trazos
Las figuras efectivas a menudo combinan relleno y trazo:
- Relleno oscuro + trazo claro - Crea efecto de brillo
- Relleno claro + trazo oscuro - Definición clara clásica
- Relleno degradado + trazo a juego - Apariencia cohesiva
- Sin relleno + solo trazo - Estilo wireframe
Casos de Uso
Diagramas de Negocios
- Rellenos sólidos en colores de marca
- Degradados sutiles para un aspecto moderno
- Sin relleno para estilo minimalista
Diagramas Técnicos
- Rellenos sólidos para claridad
- Rellenos codificados por color para categorías
- Rellenos transparentes para superposiciones de capas
Presentaciones
- Degradados audaces para impacto
- Degradados radiales para resaltados
- Rellenos de patrón para textura
Diagramas de Flujo
- Rellenos claros con trazos oscuros para legibilidad
- Diferentes colores de relleno para diferentes tipos de elementos
- Rellenos degradados para elementos de inicio/fin
Consideraciones de Accesibilidad
Al elegir rellenos:
- Asegura el contraste - El texto debe ser legible contra el color de relleno
- No dependas solo del color - Usa etiquetas de texto, no solo color de relleno para transmitir significado
- Prueba en escala de grises - Asegúrate de que tu diagrama funcione sin color
- Evita degradados de bajo contraste - Asegúrate de que los extremos del degradado tengan suficiente contraste
Atajos Rápidos de Relleno
Aunque no hay un atajo de teclado directo para rellenos, puedes:
- Usar Copiar y Aplicar Estilos para transferir rellenos entre figuras
- Guardar rellenos como parte de Estilos de Figuras para reutilización rápida
- Usar asignaciones de esquemas de color para cambios de relleno a nivel de tema
Temas Relacionados
- Estilos de Trazo - Apariencia del contorno
- Esquemas de Color - Colorización basada en temas
- Panel Inspector - Control detallado de propiedades
- Efectos - Sombras y opacidad
- Copiar y Aplicar Estilos - Transferir estilos entre figuras