Please enable JavaScript.
Coggle requires JavaScript to display documents.
El Arte del Diseño Web - Coggle Diagram
El Arte del Diseño Web
La Evolución del Diseño web
De HTML a CSS y JavaScript
CSS: Separó el diseño de la estructura, permitiendo una presentación más flexible.
JavaScript: Añadió interactividad y comportamiento dinámico.
HTML: Servía para estructurar contenido.
La era de Flash:
Ventajas: Control total sobre el diseño y animaciones.
Limitaciónes
No accesible en todos los dispositivos.
No amigable con motores de búsqueda.
No permitía una web completamente abierta y accesible.
HTML5 y el renacimiento del diseño web
HTML5 se convirtió en una alternativa más potente y accesible.
Permitió la creación de aplicaciones web sin depender de tecnologías propietarias.
Se convirtió en el estándar dominante para desarrollo web.
1.Propósito del diseño web
HTML y sus inicios documentos inicios: Creado para compartir documentos científicos..
Separación de estructura y presentación :
HTML mezclaba contenido y diseño.
CSS permitió separar estructura y diseño , facilitando la evolución del diseño web .permitió separar estructura y diseño, facilitando la evolución del diseño web.
Enfoque en el usuario : Diseñar para personas, no para números.
Facilidad de uso : Debe ser simple y comprensible.
Diseño web vs. Diseño impreso
DIFERENCIAS CLAVES
Flexibilidad
La web es dinámica, el papel es estático.
En la web, el contenido se adapta; en papel, es fijo.
Estructura y Navegación
En papel, la jerarquía es lineal.
En la web, los usuarios pueden navegar en múltiples direcciones.
Usar Color
En pantalla: Colores aditivos (RGB).
Diferencias en contraste y percepción.
En impresión: Colores sustractivos (CMYK).
Principios clave del diseño web moderno
Importancia de la tipografía:
Experiencia de usuario (UX) y accesibilidad:
Uso de la cuadrícula (grid system)
Diseño centrado en el usuario:
La Era del Diseño Responsivo y Móvil
Adaptabilidad en distintos dispositivos :
El diseño debe ajustarse a diferentes tamaños de pantalla y condiciones (móviles, tabletas, computadoras de escritorio).