Un curso en el que se exploran todos los aspectos del diseño adaptable. Aprende a diseñar sitios que se vean geniales y funcionen bien para todos.
Este curso te llevará en un recorrido por las distintas facetas del diseño web adaptable y moderno. Los primeros módulos te facilitarán una historia de dónde provino el diseño adaptable y un repaso de los aspectos básicos de los diseños adaptables. A partir de allí, aprenderás sobre imágenes responsivas, tipografía, accesibilidad y mucho más.
A lo largo del camino, descubrirás cómo hacer que los sitios web respondan a las preferencias de los usuarios y a las capacidades de los dispositivos. Al final, también comprenderás lo que puede deparar el futuro para el diseño adaptable.
Cada módulo tiene demostraciones y autodiagnósticos para que pongas a prueba tus conocimientos.
Este curso está creado para desarrolladores y diseñadores de nivel principiante e intermedio. Contar con conocimientos básicos de HTML y CSS debería ser suficiente. No es necesario que conozcas JavaScript. Si es la primera vez que creas sitios web, puedes consultar una introducción a HTML y otro curso para aprender sobre CSS.
Aprenderás lo siguiente:
Introducción
Averiguar de dónde provino el diseño adaptable.
Consultas de medios
Adapta tus diseños a diferentes tamaños de pantalla mediante consultas de medios CSS.
Internacionalización
Prepara tus diseños para diferentes lenguajes y modos de escritura.
Diseños macro
Crea diseños de página usando una selección de técnicas de CSS.
Diseños micro
Compila componentes flexibles que se puedan colocar en cualquier lugar.
Tipografía
Asegúrate de que el texto sea legible y atractivo, sin importar dónde aparezca.
Imágenes responsivas
Brinda a tus visitantes las imágenes más adecuadas para sus dispositivos y pantallas.
El elemento de imagen
Controla más tu creatividad con las imágenes.
Íconos
Usa SVG para la iconografía responsiva y escalable.
Temas
Adapta tus diseños a las preferencias del usuario, como el modo oscuro.
Accesibilidad
Asegúrate de que tu sitio web esté disponible para todos.
Interacción
Prepara tus páginas para diferentes mecanismos de entrada: mouse, teclado y táctil.
Patrones de interfaz de usuario
Considera algunos elementos comunes de la IU que se adaptan a diferentes tamaños de pantalla.
Funciones multimedia
Un resumen de todas las formas en que las funciones multimedia te permiten responder a los dispositivos y las preferencias.
Configuraciones de pantalla
Prepara tu contenido para dispositivos con varias pantallas.
Conclusión y próximos pasos
Más recursos para ayudarte a dar los próximos pasos.
Entonces, ¿estás listo para aprender diseño adaptable?