¿Te pica la curiosidad el diseño web? ¿quieres mejorar tus conocimientos actuales o incluso comenzar desde cero? Internet te está esperando para que lo llenes de páginas.
Diseñar páginas web continúa siendo apasionante y es algo con lo que se ganan la vida miles de personas. ¿Te animas a aprender diseño para ser una de ellas?
¿Qué vas a encontrar en este artículo?
- 1 ¿Qué curso de diseño web estás buscando?
- 2 Los 4 mejores cursos online para aprender diseño web desde cero (nivel principiante)
- 3 Los 3 mejores cursos para ampliar tus conocimientos en diseño web (nivel intermedio)
- 4 Los 2 mejores cursos online para convertirte en un experto en diseño web (nivel avanzado)
- 5 No me decido, ¿hay algún curso de diseño web gratis?
- 6 ¿Qué debes saber antes de hacer un curso de diseño web online?
¿Qué curso de diseño web estás buscando?
Los 10 mejores cursos de Photoshop online
Los 10 mejores cursos de HTML online
Los 10 mejores cursos online de WordPress
Cursos online de CSS
Cursos online de UI (User Interface)
Los 4 mejores cursos online para aprender diseño web desde cero (nivel principiante)
Son decenas los cursos disponibles y la mayoría son fantásticos, pero hemos elegido cinco que os van a dejar totalmente satisfechos. Eso sí, con sinceridad, plantea el tiempo que dispones para tomar las clases y practicar, ya que hemos organizado de menor a mayor tiempo de inversión. ¿Preparados para ser diseñadores web titulados?
1. Creación de una web profesional con WordPress
Comenzamos con una de las herramientas de gestión más famosas de la actualidad: WordPress. Como el propio nombre del curso indica nos centraremos en la creación de una web con WordPress, de la mano del desarrollador web Ignacio Cruz Moreno.
La formación se encuentra disponible en Domestika y se compone de casi 5 horas de temario dividido en 33 interesantes lecciones, por la que han pasado decenas de miles de alumnos y alumnas. Sin requisitos de entrada más que una conexión a internet y tiempo para conseguir los objetivos.
Aprenderemos los fundamentos de WordPress, la configuración visual, la instalación de plugins, los widgets, shortcodes y todo lo necesario a la hora de lograr una web que esté creada en su totalidad según nuestros deseos. Para no dejar al estudiante a medio camino, el curso también explica Jetpack, elección de hosting y producción.
Los usuarios tendrán, al finalizar el curso, su primera página web propia con la que sorprender a amigos y conocidos y comenzar su andadura en el mundo del diseño web. Si te quedan dudas, pásate por la página y verás los grandes proyectos presentados por los que serán tus compañeros de formación.
- Un curso totalmente práctico
- Las explicaciones son claras y entendibles
- Ideal para principiantes
- Tener una web terminada al completarlo
- Va demasiado rápido para no iniciados
2. WordPress: Diseña y desarrolla Páginas Web desde cero
Volvemos a hacer especial hincapié en un curso de WordPress, aprenderás como se diseña y desarrolla páginas web desde cero, en este caso en uno disponible desde Crehana, debido a la importancia que tiene esta plataforma en la actualidad.
Impartido por la diseñadora web Marina Rodrigo, el curso nos lleva a todos los temas que necesitamos para familiarizarnos con la herramienta y llegar a dominarla. Son 4 horas de clases en formato de vídeo que cubren un total de 52 lecciones en las que se detallan todos los aspectos de WordPress.
Para comenzar el curso no solo tenemos que tener ganas, sino también contar con un dominio en el que pondremos nuestra primera web y un hosting que nos permita alojarla
Aprenderemos todo lo que tiene WordPress en su interior, pero la profesora también nos enseña cómo debemos trabajar para crear una marca y una estrategia que nos acompañe.
- Muy buenas explicaciones
- La profesora es fácil de seguir
- No solo enseña lo fundamental de WordPress
- Método de enseñanza muy dinámico
- No está tan actualizado como debería
3. Diseño Web Profesional El Curso Completo, Práctico y desde 0
Al inicio hemos avisado que iríamos de menos a más y ahora pasamos a un curso de diseño Web profesional, práctico y completo, con casi 42 horas de duración. En él aprenderemos todo tipo de temarios que nos harán grandes expertos.
Aunque no hay requisitos técnicos al margen de tener un ordenador, lo cierto es que una formación como esta necesita que el estudiante se aplique y esfuerce a la vista de todo el contenido que aprenderá.
El curso, disponible en Udemy de la mano del desarrollador web Carlos Arturo Esparza, nos enseña Figma, HTML, Adobe XD, CSS, SASS, Responsive Design, WordPress, Git, Bootstrap y muchas otras herramientas que podremos utilizar diseñando páginas. También nos instruye en la forma de diseñar con lógica y en el uso de animaciones o efectos, entre otras cosas.
La estructura nos lleva herramienta por herramienta para que nos vayan quedando claros los conceptos y podamos sacar lo mejor de cada una de ellas. No podemos resumir en pocas líneas todo el conocimiento, pero sí destacar los puntos fuertes: crearemos sitios web responsive, páginas empresariales, Blogs, aprenderemos a generar ingresos por publicidad, insertar todo tipo de media, etc.
- Amplísimo temario
- Muy recomendable para principiantes
- Pasamos de cero a usuario avanzado
- Buen profesor y explicaciones claras
- Vendría genial una actualización de contenidos
4. Diseño web desde cero a avanzado 45h. Curso completo
La última propuesta, también requiere inversión de tiempo, y es que curso diseño web desde cero tiene una duracion de casi 45 horas, en las que acabaremos con un nivel avanzado no solo en diseño HTML5 y CSS3, si no que lo haremos de modo responsivo y con las mejores estrategias SEO.
Jose Javier Villena, un amante de la programación, ha preparado esta formación en la cual abarca todos los temas que vayas a necesitar con un total de 391 clases. Empezando por la estructura base, o HTML5 y siguiendo con el estilo de la web gracias a CSS3, habremos completado el cuerpo de nuestra página con la mayor calidad, en solo 10 horas.
A partir de este punto todo es conseguir la necesaria diferenciación con la competencia hoy en día: sublime text, efectos, animaciones y redes sociales incrustadas entre otros. Pero tener el mejor contenido y diseño , no asegura las mejores posiciones en los motores de búsqueda, por lo que las 6 horas de clases prácticas en posicionamiento SEO, serán de gran ayuda para conseguirlo.
Llegando al final, y habiendo cumplido el objetivo de nuestra web, pasaremos a encargarnos del diseño y usabilidad tanto desde el punto de vista de desarrollo como midiendo las respuestas del usuario. Además veremos JavaScript, Git, Github, y los modos responsive para pc y móvil.
- Excelente temario
- La forma y metodología que se aplican
- Se trata todo lo que necesita el estudiante
- El profesor explica bien
- No está actualizado
Los 3 mejores cursos para ampliar tus conocimientos en diseño web (nivel intermedio)
Si estás en este nivel será porque ya diseñas sitios web con WordPress o código, pero ¿Se ven igual en móvil que en ordenador? ¿igual en Ios y Android? O quizá quieras especializarte como diseñador hacia cualquiera de los dos sectores más punteros como son los e-commerce y la UX. Sea cual fuere tu caso, esperamos ayudarte con los mejores cursos de su categoría.
5. Introducción al desarrollo web responsive con HTML y CSS
¿Sabes de diseño básico pero no se ve igual en tablet, móvil que pc? El especialista Javier Usobiaga, nos ofrece su curso introducción al desarrollo web responsive donde veremos la forma en la que podrán llevar a cabo la creación de webs con el uso de CSS y HTML de manera 100% responsiva
Aprenderemos a usar estas dos herramientas de código, que son las más fundamentales en la creación de webs, de una manera fluida y natural. Veremos cómo escribir nuestro propio código para diseñar páginas web exclusivas, que podamos comprender desde los entresijos internos.
Pero nos centramos en el front-end, y es por ello que aprenderemos desde la estructura básica de HTML, como las propiedad de CSS: desde tipografías, floats, position, fondos, bordes, sombras y todo lo imprescindible. Además nos adentraremos en el mundo de las media queries, imprescindible hablado de modos responsive.
En tan solo 31 clases con poco más de dos horas de duración acabaremos vinculando archivos JavaScript, y desarrollando nuestra propia web. Si no tienes un objetivo claro, el profesor nos propone como proyecto final, crear una página de una cafetería paso a paso para aplicar lo aprendido.
- Las explicaciones son muy paso a paso
- Es fácil entender al profesor
- Buen temario
- Excelente para iniciarse
- Algunos términos no se explican en profundidad
6. Crea un sitio web e-commerce con WordPress
Seguimos en nivel intermedio, pero cambiando el foco. Las tiendas online son el presente del comercio, y como tal ofrecemos un curso para aprender a crear un e-commerce con WordPress. Si bien empezamos con la instalación de WordPress, este curso no se centra en las características y herramientas, por lo que recomendamos tener conocimientos en la plataforma.
Empezaremos por la configuración del plugin de código abierto por excelencia Woocommerce. Aprenderemos a importar o crear productos con las pestañas agrupadas, productos de afiliación, variables, categorías e insertado de etiquetas. Seguiremos por agregar todos los widgets más útiles como el carrito o el filtrado.
Uno de los puntos más importantes de la venta online es la gestión de envíos, para la cual el profesor y desarrollador Sergio Agamez dedica un módulo exclusivo. Además aprenderemos a añadir cupones descuento, informes de ventas y gestión de los pedidos.
Todo lo anterior está estupendo, de verdad, pero lo que agrega un auténtico valor a esta formación son las más de 2 horas de clases de modificación de código: añadir o quitar elementos, modificar páginas, emails y los comportamientos de woocommerce, entre otros muchos.
- Explicaciones paso a paso sencillas
- Creación de una tienda online desde cero
- Válido para producto propio o afiliación
- Amplio apartado de modificación de código
- La calidad del video no es optima
7. Diseño UX: experiencia de usuario UX/UI + Figma
Acabamos fuerte este nivel intermedio, y de nuevo cambio de tercio, pasando a la experiencia de usuario, con un curso del diseñador UX/UI Javier Cañas llamado diseño ux: experiencia de usuario UX/ui con Figma.
Si bien no se requieren conocimientos previos, nosotros recomendamos haberlo diseñado previamente, para sacar la máxima potencialidad al curso en cuanto a las técnicas del user Experience Design se refiere. Empezaremos por las metodologías de trabajo, el diseño planteado, y el MVP.
Una de las partes más amplias, dentro de las 18 horas de clases , es la investigación, pilar fundamental del UX, que abarca el mapa de competencia, proyecto, creatividad, innovación, benchmarking, encuestas y datos entre otros factores. Como elaborar el estudio y analizar los resultados es imprescindible, y por ello lo veremos paso a paso para poder aplicarlo en la arquitectura, narrativa y navegación.
Como vemos en el título, vamos a diseñar con Figma, y sobre este editor vectorial, aprenderemos todo desde cero, desde la instalación, pasando por herramientas y plugins hasta llegar al prototipado de nuestra web. Como colofón, aprenderemos a realizar pruebas de evaluación y usabilidad que respalden nuestro sitio, o nos indiquen los cambios a realizar.
- Incluye diseño responsive
- Explicación claras paso a paso
- Contenido en investigación y evaluación
- Muy buen profesor, claro y explícito
- La sección de Figma se queda corta
Los 2 mejores cursos online para convertirte en un experto en diseño web (nivel avanzado)
8. WordPress avanzado. Bloques Gutenberg, post types y taxonomías
WordPress es la herramienta básica de maquetación, sencilla y de fácil comprensión. Sin embargo, también podemos explotarla al máximo creando plugins que resuelvan nuestros conflictos, taxonomías, metaboxes, realizando Queries o agregando diferentes parámetros.
De ayudarnos a comprender todo esto se encarga el creador de código Juan Pablo de la Torre en su curso de WordPress avanzado: bloques gutenberg, post types y taxonomías. Eso sí, nos aconseja que además de las nociones básicas de WordPress, sepamos cómo escribir código en PHP, CSS, HTML o JavaScript.
La formación tiene una duración de casi 13 horas, y si bien son 19 los módulo, el objetivo es que seamos capaces de completar los 7 proyectos principales: crear un plugin para custom post types y taxonomías; un plugin para metaboxes; uno de eventos próximos; un filtrado de post por taxonomías con Filterizr; un buscador avanzado con ajax; recepción del posteo desde el front -end y scroll infinito con Ajax y WP Rest Api.
Todo ello integrado en nuestro template, y 100% aplicable al mundo real. Y si te parece poco, además aprenderemos a manejar WP Ajax, Plugin API junto con los shortcodes; CMb2, y muchos más.
- Explicaciones claras que hacen sencillo lo complicado
- Numerosos ejercicios de aplicación real
- Aprendemos el nivel máximo de personalización de WP
- Basado en comprender el código y no en copiar
- Vendría bien una actualización con la nueva interfaz de WP
9. Maquetación de sitios web dinámicos con Javascript y jQuery desde cero
Si deseas transformar tu página a una web dinámica, completa y 100% interactiva este curso de sitios web dinámicos con Javascript y jQuery es una de las mejores opciones que puedes encontrar en el mercado.
Con más de 13 horas de formación el desarrollador web Sergio Agamez, nos enseñara a crear banners dinámicos, galerías, sliders y muchas otras funciones de aspecto profesional.
Empezamos viendo los conceptos teóricos de JavaScript, y comprendiendo el funcionamiento de variables , operaciones, sentencias y funciones. Desde Java veremos cómo modificar las cajas, flujos y hasta los estilos de texto. El siguiente paso es añadir eventos y formularios, para lo que aprenderemos a integrar DOM.
En este punto, es donde pasamos a una de las bibliotecas más potentes, que nos permitirá manejar el árbol DOM, desarrollar animaciones, agregar interacciones, interactuar con HTML, agregar y eliminar elementos, o simplemente modificarlos.
Al finalizar las más de 13 horas de videoclases, Sergio Agamez, nos habrá mostrado cómo crear una web basada en HTML y CSS, agregando todo lo aprendido para añadir banners, dinamicidad, galerias, slider, aplicaciones Java y todas las funciones de aspecto profesional que le faltan a tu diseño.
- Explicaciones al detalle
- Aporta mucho código y su comprensión
- Transforma sitios aburridos en dinámicos
- Buen planteamiento del proyecto final
- Algunos elementos incluidos son de aplicación difusa
No me decido, ¿hay algún curso de diseño web gratis?
Si. En la propia web podemos encontrar cursos sin coste. De nuevo, nosotros estamos aquí para (intentar) facilitar la vida de los alumnos, así que os ofrecemos uno que nos ha convencido por la gran puntuación de las miles de personas que han finalizado con éxito:
10. Diseño web desde cero para principiantes
Si queremos ir directos al grano con el código este curso de diseño web desde cero para principiantes, es lo que necesitamos. Y es que aprenderemos de manera totalmente práctica HTML y CSS. Y, si bien no es obligatorio, recomendamos tener alguna experiencia previa en diseño.
Comenzaremos con la estructura básica de HTML, a la que iremos agregando los elementos necesarios como etiquetas, menús y titulares. El profesor y desarrollador web enfocado en el marketing digital Jonathan Lifschitz, nos irá explicando el código, que también nos ofrece para poder descargar y acelerar nuestro proceso.
El objetivo de esta formación es que nos lancemos y vinculemos el CSS para crear una página de los mas moderna y actualizada con todo el contenido que tengamos para ofrecer.
- Claridad en las explicaciones
- Formación amena, práctica y directa al grano
- Centrado en maquetación con HTML y CSS
- Curso gratis
- No incluye diseño responsivo
¿Qué debes saber antes de hacer un curso de diseño web online?
Todo lo que abarca el mundo web lleva años en auge. Ya no vale con diseñar textos planos, sin formato, y muy buen contenido. El contenido hemos de mantenerlo, pero nuestra página, o las de nuestros clientes, necesitan un elemento diferenciador respecto a la competencia.
Ventajas de Estudiar diseño web desde casa
- Comodidad y Libertad: de horarios, de adaptación de tiempo de estudio y práctica, de duración. Hemos de márcanos nuestros propios objetivos e intentar cumplirlos.
- Calidad docente: los mejores profesores se encuentran en la red ofreciendo su conocimiento, además de mostrarnos sus proyectos más top.
- Certificación: estamos en 2022, dónde el e-learning forma parte de la sociedad. Las formaciones seleccionadas cuentan con el certificado pertinente que cumplimiento que poder agregar a nuestro curriculum. O nuestros proyectos finales al portafolio de presentación.
- Variedad: el diseño web va mas allá de agregar colores. Podemos decidir especializarnos en dinamicidad con Java, en CSS, en colorimetría, diseño responsivo, galerías multimedia… las opciones son inmensas.
¿Qué es y para qué sirve diseño web?
Es el área dedicada a la creación y desarrollo de interfaces digitales, ya sean webs o aplicaciones para web.
Diseñar puede resultar sencillo si tiramos de plataformas como WordPress, pero hasta esto hay que saber dominarlo. Y es que cuando entramos a una página donde el menú es interminable, los colores son los mismos que en otras 3000, y utilizan la misma tipografía que usabas tú en los trabajos de primaria ¿te da confianza?
Los contenidos han de ir acompañados de un buen diseño web. Por otra parte, no solo es diseño visto como la visualización, pero ahora vamos con ello.
¿Qué y cuáles son los elementos clave del diseño web?
Los elementos son numerosos, y sin entrar en código o desarrollo, vamos a listar los que nos parecen la punta del iceberg:
- Escaneabilidad: capacidad de ver todo a simple golpe de vista. No es lo mismo percibir un bloque de texto cuadrado y plano, que tipografías con sentido, H1, H2, H3 con sus tamaños adecuados, recuadros, listas… las posibilidades con (casi) infinitas.
- Tipografía: más importante de lo que parece, por mucho que hayamos soltado a la pobre Jokerman azulona con ironía. Atendiendo a la seriedad de nuestro contenido habrá de ser una u otra. Puedes jugar con los titulares y encabezados, justificar, adecuar colores, CTA…
- Elementos no verbales: todo lo que no es texto ayuda a la comprensión del mensaje: imágenes, video, audio, infografías, ilustraciones, vectores… las opciones de nuevo son numerosas.
- UX/UI: la experiencia que el propio usuario tenga con nuestros sitios web es determinante en el diseño. Las caves de este sector son enormes, como habréis visto en los cursos presentados.
- SEO: también incluido en diseño… Podemos tener el mejor contenido, que si no lo gramos el posicionamiento la inversión habrá sido en balde.
El diseño adaptable a las pantallas es primordial, y de eso hablamos ahora también…
¿Por qué debería formarme en Responsive Design y Mobile First?
Quizá te estés preguntando por qué hemos seleccionado varios cursos con estas características. O quizá no te hayas ni dado cuenta, que puede ser también. El caso es que lo hemos hecho a conciencia, y es que hoy en día, un diseño web puede ser maravilloso visto desde nuestro ordenador,pero ¿ y en el móvil?
Un gráfico vale más que mil palabras, y el 91,5% de los internautas lo hacen desde el móvil, y nosotros diseñamos desde ordenador. Los dispositivos de sobremesa ya no son los reyes de internet. A la vista salta que las tablets les pisan los talones.
Nuestras webs tienen que valer para 8 pulgadas, 15, 25 o 60 , que también navegamos desde nuestras smart tv. Los diseños responsivos y adaptables es un básico en pleno 2022, son necesarios, y no conocerlos nos hace perder.
