Las técnicas para la maquetación del Mosaico para la página de inicio se diferencian entre la diagramación que proveen los bloques de 2 columnas o los bloques dobles de Containers de Spectra.
Las técnicas para el diseño de cada noticia resaltada pueden ser:
- Info box
- Bloques de Multimedia + texto
- Grillas de entradas (Grid post)
- Contenidos dentro de dos subcolumnas dentro de la columna derecha
- Contenidos dentro de dos columnas, dentro de la columna de derecha de un Container
- Imágenes con títulos y enlaces a la categoría en Overlay
- Otros métodos?
Cada método requiere comprobar su rendimiento en los 3 tipos de pantallas. Algunos disponen de controles responsivos y otro se muestran agrupados, sin posibilidad de ajustar el contenido al ancho de las pantallas.
Las columnas izquierdas y derechas, ya sea dentro de tablas o de containers, pueden usar el mismo tipo de técnica de diseño en ambas posiciones, pero generalmente nos acercamos al diseño deseado alternando modos diferentes para maquetar los contenidos de la columna derecha y la izquierda
Diagramación de Container Spectra. Info box a la izquierda. Grid post en la columna derecha
Diagramación de Container Spectra con Image lay, texto y botón a a la izquierda. Sub-columnas de 3 filas en el bloque de la derecha
Los usuarios podrán conversar vía audio y realizar videollamadas. Las conversaciones son temporales y la función está disponible hasta inicios de enero.
Variación de diseño sobre el mismo método de actualización manual:
Los usuarios podrán conversar vía audio y realizar videollamadas. Las conversaciones son temporales y la función está disponible hasta inicios de enero.
Los usuarios podrán conversar vía audio y realizar videollamadas. Las conversaciones son temporales y la función está disponible hasta inicios de enero.
Diagramación de Container Spectra. Post Grids en ambas columnas
Este es el único método de actualización automática: las notas se cambian agregando o quitando la Categoría de “Noticia resaltada” en cada entrada. Todos los demás sistemas de mosaicos deben diseñarse “a mano”, reemplazando las imágenes, títulos y enlaces.
¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel
Variación de diseño sobre el mismo método de actualización automática:
¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel
No post found!
Mismo diseño del bloque anterior, pero con diagramación dentro de columnas, en lugar de usar Containers Spectra
No soluciona la restricción de ancho para la primera columna y reduce el contendo debido al padding de las celdas
¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel
No post found!
Diagramación de 2 filas: Imagen principal con Overlay y 3 Info box debajo

¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel

¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel
TECNOLOGÍA

¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel
Diagramación de ?. ? a la izquierda. ? en la columna derecha


¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel
¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel

¡Jo, jo, jo! Chat GPT lanza una función para hablar directamente con Papá Noel



