Please enable JavaScript.
Coggle requires JavaScript to display documents.
Patrones de diseño web - Coggle Diagram
Patrones de diseño web
Diseño web en bloques
-
Gracias a la hábil distribución de la información en cada bloque, los elementos no se solapan entre ellos, sino que contribuyen a dar uniformidad al look general del diseño.
En este patrón, cada bloque conduce a una página interior distinta donde el usuario puede acceder a más información sobre el tema que más le interese.
-
Diseño web con patrón Z
El logotipo se suele colocar generalmente en la esquina superior izquierda para que sea lo primero que perciba el usuario.
La diagonal que se extiende a lo ancho de la página, de arriba a abajo, es donde se coloca la información que más nos interesa que capte la atención
sirve de nuestro hábito de lectura rápida para distribuir la información más importante en forma de Z
Esto se consigue usando imágenes seductoras acompañadas de un breve texto que explique de qué trata la página web.
-
Diseño web con patrón F
-
Si decides usar este patrón de diseño, invierte lo mejor de tus recursos en la sección superior de tu página donde tus visitantes probablemente permanezcan más tiempo
. En la parte superior de la F se suele incluir un encabezado, un subtítulo y una imagen.
Diseño web asimétrico
este diseño web también divide la pantalla en dos partes, solo que difieren en tamaño y densidad de contenido
Gracias a la desigual distribución de la escala, color y anchura de la página, se puede atraer la atención del usuario en algunos elementos antes que en otros
-
-
-
Diseño web en mosaico
Este diseño web en mosaico también se sirve de bloques y receptáculos rectangulares para mostrar contenido variado.
Este diseño web no es jerárquico, es decir, ningún bloque recibe más protagonismo que otro. Toda la información se trata por igual.
Como resultado, el diseño adquiere un aspecto modular que se adapta perfectamente al tamaño de todo tipo de pantallas.