Please enable JavaScript.
Coggle requires JavaScript to display documents.
Maquetación Web - Coggle Diagram
Maquetación Web
PSIOLOGÍA DE LA FORMA
Círculos
Unidad, protección, compromiso.
-
Cuadrados y rectángulos
Estabilidad, confiabilidad y orden
-
Triángulos
Pueden significar dirección, movimiento, conflicto o estabilidad, dependiendo de su orientación.
Dirigir la atención del usuario hacia un punto específico, indicar movimiento o sugerir dinamismo y cambio.
Formas orgánicas
Naturalidad, espontaneidad y singularidad
Suavizar el diseño, añadir elementos de sorpresa y crear una sensación de amabilidad y cercanía
Líneas
Las líneas horizontales sugieren calma y estabilidad
Las verticales elevación y fuerza
Las diagonales acción y movimiento.
Las líneas guían la vista a través del diseño, pueden separar o conectar elementos, y crear patrones o texturas.
PRINCIPIOS
Usabilidad
Facilidad con la que los usuarios pueden navegar y encontrar la información deseada en el sitio web.
Diseño Responsive
Adaptabilidad del diseño web a diferentes tamaños de pantalla y dispositivos, manteniendo una experiencia de usuario coherente.
-
Consistencia
Mantenimiento de un estilo visual uniforme en todas las páginas del sitio para reforzar la identidad de la marca.
DISEÑO ATÓMICO Y MODULAR
Diseño atómico
Construir interfaces a partir de los elementos más pequeños (átomos) hasta formar estructuras complejas.
Diseño modular
Crear componentes reutilizables y consistentes, facilitando el mantenimiento y la escalabilidad.
Uso en maquetación web
Eficiencia en el desarrollo, coherencia visual, adaptabilidad y personalización., reutilización y consistencia, mantenimiento y escalabilidad
¿QUÉ ES?
Proceso de creación y organización de los elementos visuales y de contenido de un sitio web para proporcionar una experiencia de usuario óptima :
-
-
TEORÍA DE LA GESTALT
Teoría de la percepción que sugiere que los seres humanos tienden a organizar elementos visuales en grupos o patrones unificados, en lugar de percibirlos de manera aislada
Principios
Continuidad
La mente sigue líneas o curvas, percibiendo elementos alineados como relacionados o como parte de un camino continuo.
La continuidad puede dirigir la atención del usuario a través de una página, mejorando la navegación y la coherencia visual.
-
Figura/Fondo
-
Asegurar que el contenido clave destaque claramente contra el fondo, mejorando la legibilidad y enfocando la atención del usuario en la información importante.
-
Similitud
-
Los elementos que comparten características visuales (color, forma, tamaño, orientación) son vistos como parte de un mismo grupo.
-