Mapa conceptual Retícula

Retículas para web y dispositivos móviles

Retícula jerárquica

. Cartas formales.. Folletos informativos sencillos.. Blogs con un formato minimalista.

. Varias columnas divididas verticalmente a lo largo de la página. Los textos e imágenes se alinean según estas columnas.

. No sigue una estructura rígida.. Se organiza según la importancia del contenido.. Tiene un enfoque más artístico y creativo.

. Compuesta de bloques o módulos.. Permite combinar imágenes, texto y gráficos de diferentes tamaños.. Muy versátil y flexible.

. Catálogos, portafolios y tiendas en línea.. Aplicaciones con interfaz gráfica variada.

. Disposición irregular que sigue la jerarquía del contenido, no necesariamente alineada a una cuadrícula estricta.

. Revistas, periódicos y newsletters.. Diseño web con información jerárquica.

. Una sola columna que ocupa todo el ancho de la página.

. Revista de moda con secciones divididas en dos o tres columnas.. Sitio web de noticias como "The New York Times".. Boletines informativos (newsletters) con secciones variadas.

. Se adapta a diferentes tamaños de pantalla.. Combinación de columnas y módulos según el tipo de dispositivo.. Flexible y responsiva.

. Páginas web responsivas.. Aplicaciones móviles.. Interfaces de usuario (UI) para software.

. Estructura flexible de dos o más columnas.. Permite una combinación de texto e imágenes.. Facilita la disposición dinámica del contenido.

. La retícula varía dependiendo del dispositivo, pero siempre ajustándose para garantizar que el contenido sea legible y accesible. Usa columnas y bloques modulares que se reorganizan automáticamente.

. Aplicación de una tienda en línea como Amazon.. Blog optimizado para móviles.. Aplicación de noticias que ajusta el contenido según el dispositivo.

. Cuadrículas regulares, donde se pueden combinar varios módulos para formar espacios más grandes o más pequeños según las necesidades del contenido.

. Portafolio de un fotógrafo o artista visual.. Diseño de una página de revista como "Wired".. Pósteres o infografías creativas.

. Diseños experimentales.. Portafolios artísticos.. Revistas o sitios web de estilo vanguardista.

. Catálogo de productos de IKEA.. Portafolio de un diseñador gráfico.. Tienda en línea de ropa con múltiples secciones y productos.

. Ideal para textos largos, informes y documentos formales.. Proyectos donde la simplicidad es clave.

. Consiste en una sola columna.. Es la más básica y sencilla.. Enfocada en la claridad y el orden lineal.

Retícula modular

Retícula de varias columnas

Rasgos y características:

Rasgos y características:

Rasgos y características:

Rasgos y características:

Rasgos y características:

Usos:

Usos:

Usos:

Usos:

Usos:

Ejemplos:

Ejemplos:

Ejemplos:

Ejemplos:

Ejemplos:

retículatrazada:

retículatrazada:

retículatrazada:

retículatrazada:

retículatrazada:

Retícula simple o de una columna

Retícula

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.

Para gestionar una clase hay que escuchar.