Internet está lleno de una gran cantidad de clases y recursos para ayudarte como diseñador web. Ya sea que quiera aprender los fundamentos o construir su primer sitio web personalizado, todo está ahí fuera. Para cortar el ruido, hemos hecho una breve lista de cursos de diseño web – diseñados para cualquier persona que quiera sumergirse en el mundo del diseño web.
7 cursos de diseño web para principiantes (gratis + de pago)
Aquí hay 7 clases online perfectas para que un principiante entienda mejor el arte del diseño web.
Curso de diseño web definitivo
El diseño y desarrollo web no tiene por qué ser difícil, y la universidad de Webflow ha hecho que sea lo más fácil posible aprender. La formación gratuita en diseño web de Webflow le permite ir a su propio ritmo en el aprendizaje del diseño visual. Podrá aprender los conceptos clave, así como la forma en que elementos como la tipografía, el diseño de la página y el diseño de la interfaz de usuario se unen.
El curso de diseño web Ultimate abarca +100 vídeos. Comienza con lo que necesitas saber si eres un nuevo diseñador web y nunca has utilizado Webflow, y su curso se basa en conceptos de diseño más avanzados.
Si eres nuevo en Webflow, y en el diseño web, vas a querer empezar por el principio. Al igual que la lectura de una novela, usted va a confundirse si se salta alrededor. Considere la introducción al tutorial del diseñador como el primer capítulo, estableciendo la escena de lo que está en frente de usted en la pantalla del diseñador, y cómo funcionan estos controles.
A partir de aquí, tu viaje como aspirante a diseñador web continúa. Vas a aprender los fundamentos de HTML, cómo funcionan las clases y subclases de CSS, cómo construir el diseño de una página con elementos como contenedores, divs, flexboxes y cuadrículas, junto con mucho más. Y, por supuesto, le llevaremos a través de cómo utilizar una de las características más potentes de Webflow, el CMS – lo que le permite crear blogs dinámicos.
Además de estas habilidades fundamentales de diseño web, aprenderá sobre SEO – con lecciones que explican cómo funcionan las búsquedas orgánicas y de pago, la configuración de Google Analytics, y la optimización de su sitio web para los motores de búsqueda.
Una vez que conozcas los fundamentos, podrás explorar temas más avanzados como aprender a crear animaciones e interacciones sofisticadas, así como una gran cantidad de otras lecciones que pueden ayudarte a que tu trabajo de diseño destaque.
Incluso si no sabe nada de HTML, CSS o JavaScript, Webflow pone a su alcance todo lo que necesitará para crear sitios web responsivos. Los cursos de Webflow University desglosan los conceptos básicos, con instrucciones paso a paso que le transformarán en el diseñador que siempre quiso ser.
Creando un limpio & Sitio web simple con Webflow
Jan Losert, un talentoso diseñador checo, ha elaborado un completo curso de diseño web online con Creación de un & Sitio web sencillo con Webflow.
Enseña los rudimentos a través de una guía paso a paso para diseñar y construir un sitio web de una comunidad de startups. Jan parece genuinamente entusiasmado por el diseño, y su optimista entusiasmo hace que todas estas lecciones se vean de forma inspiradora.
No sólo te habla de cada parte de su construcción, sino que pone a tu disposición el sitio web completo para que lo clones de forma gratuita. Esto le permite ver cómo los diversos elementos se unen, y cómo todo funciona juntos en el diseño de la página. Trabajar a través de este ejemplo del mundo real hace que la comprensión de estos conceptos sea mucho más fácil que empezar con algo demasiado ambicioso.
Estas lecciones cubren los principios de diseño importantes que todo el mundo debería conocer. La construcción de la navegación, la creación de llamadas a la acción, el uso de bloques div, el SEO y el diseño web responsivo son sólo algunas de las lecciones. Hay mucho aquí en este curso online gratuito, e incluso si ya tienes un poco de experiencia, encontrarás algo útil.
Si quieres aprender sobre desarrollo web, no deberías empezar con algo demasiado complicado. El libro de Jan Creación de un & Sitio web sencillo con Webflow, ofrece un proyecto sencillo, con mucha funcionalidad, lo que lo convierte en un gran punto de partida.
La Masterclass de Webflow
Ran Segall, fundador de Flux Academy, encarna todo lo que significa ser un diseñador web independiente. Como alguien que conoce el diseño visual, lo que se necesita para trabajar con los clientes, y ejecutar el lado del negocio de las cosas, que aporta tanto la experiencia y la experiencia. Su Premium Webflow Masterclass sintetiza todos sus conocimientos para un curso que es a la vez esclarecedor e inspirador para cualquier aspirante a desarrollador web.
Un espíritu emprendedor es el hilo conductor de este curso. Aprender las habilidades para crear sitios web personalizados no sólo te convierte en un mejor diseñador, sino en alguien que puede cobrar una prima por lo que hace.
Además de los tutoriales para aprender sobre diseño web y Webflow, hay otros materiales que te ayudarán en tu carrera. Una de las cosas más difíciles cuando estás abriendo el camino como diseñador freelance es averiguar cuánto cobrar. Hay un debate dedicado a la fijación de precios de tu propio trabajo. Esta mezcla de enseñanza de habilidades de diseño, y la navegación de otros aspectos del trabajo, hace de este un curso bien redondeado.
Este curso en línea no sólo es valioso en la ampliación de sus conocimientos, sino una celebración del movimiento sin código. La filosofía de Ran es ir más allá de los límites de las plantillas y utilizar Webflow para abrir nuevas puertas a la creatividad y los ingresos. Creemos que es un buen mensaje para cualquier diseñador web, sin importar en qué punto de su carrera se encuentre.
Memorisely
Si eres diseñador web y no sabes nada de UX o diseño de UI, es como estar en la construcción y no entender la arquitectura. Puedes montar algo que tenga una estructura, pero es difícil calibrar si es un espacio funcional que la gente disfrutará recorriendo. La UX da forma a la experiencia emocional de un sitio web, mientras que la UI establece los controles y las vías para moverse por él. Ambas disciplinas toman la materia prima del diseño de una página y la juntan de manera que alguien tenga una experiencia positiva al navegar por ella.
Incluso para aquellos que tienen experiencia, es fácil confundir lo que es UI y UX. Debes saber que la UX (experiencia de usuario) se ocupa de cómo el flujo del usuario y la arquitectura de la información afectan a alguien que se desplaza por un sitio web. También tienes que saber que la UI (interfaz de usuario) se centra en la usabilidad de los menús y los botones, y en el estilo visual de estos elementos. Ser capaz de hablar de UI y UX, sin sonar como un tonto, ayuda a la gente a confiar en que sabes lo que estás haciendo como diseñador web. Memorisely ofrece una educación en ambos, para informarte mejor y ampliar lo que sabes sobre estas respectivas disciplinas de diseño web.
Memorisely ofrece bootcamps de 6 semanas a tiempo parcial, así como ebooks mensuales que exploran varias facetas de UI y UX. Estos ebooks son especialmente interesantes para aquellos que quieren estar a la última en cuanto a nuevos desarrollos e ideas, e incluyen plantillas (siendo algunas de ellas Webflow) para ver estos conceptos en acción.
El aprendizaje en línea, aunque conveniente, a veces puede sentirse desconectado. No hay compañeros con los que reunirse y repasar los deberes. Tu instructor no tiene una oficina en la que puedas pasar a charlar. Memorisely hace hincapié en la comunidad de su plataforma. No estás solo en este bootcamp, y trabajas junto a otros virtualmente. Con meetups de Zoom, y otras oportunidades para conocer y comprometerse con otros en el diseño, es un espacio online amigable.
En esta era digital, donde nos sentimos cada vez más compartimentados y separados de las interacciones significativas, es agradable tener un lugar como Memorisely que nunca se aleja de mantener a las personas en el centro de lo que hacen.
Diseño + Código
Wow. No faltan cursos interesantes aquí en Design+Code. Ya sea que quieras aprender React, Vue, After Effects, o Webflow, hay una tonelada de materiales educativos aquí para ayudarte. Al desplazarte por su catálogo de clases encontrarás otros temas atractivos para los creativos como el diseño de sonido, la edición de vídeo, el diseño de aplicaciones y la creación de juegos. Es como ir de compras a un almacén para frikis del diseño y expertos en tecnología, con estantes repletos de productos que te enseñarán nuevas habilidades.
Su clase gratuita de Webflow te lleva a construir un sitio web funcional. No se trata de una página web despojada y sin brillo sólo para aprender, sino de un diseño web completamente desarrollado con múltiples páginas que contienen interacciones, datos CMS, así como el procesamiento de pagos. Se le proporcionan los activos de Webflow que hace que sea fácil de seguir, así como ir y experimentar con el diseño por su cuenta.
Este curso en línea pone énfasis en las conversiones. Enseña cómo el contenido, las llamadas a la acción y la incorporación de los comentarios de los clientes pueden mejorar la experiencia del usuario. Es fácil, como nuevos diseñadores web, quedarse demasiado envueltos en el lado visual de las cosas, mientras se pasan por alto estos principios de diseño que ayudan a fomentar las conversiones.
Diseño. Construir. Lanzamiento.
Hay mucho que amar de Design. Build. Launch. YouTube sobre el diseño con Webflow. Una de las mejores cosas es que habiendo completado este curso en línea terminas con tu propio sitio web de la cartera. No sólo aprendes sobre el proceso de diseño web, sino que te vas con algo que puedes utilizar.
Otro gran aspecto de esta serie web es que comienza el proceso de diseño con la aplicación de descarga gratuita Adobe XD. Caler te enseña cómo hacer un wireframe, así como algunos de los fundamentos del diseño UX y del diseño UI. Este punto de partida te da un poco de teoría práctica antes de entrar a diseñar. Tener estos conceptos en mente, mientras saltas a construir un diseño de página con Webflow te da una comprensión más profunda de lo que estás haciendo.
Este curso luego te lleva paso a paso en la construcción de un diseño web. Se aprende a poner en la navegación vinculada, la práctica de diseño web sensible, así como el montaje de elementos para construir su diseño.
El último video de la serie toca el tema del SEO que es todo tan importante en el alcance orgánico. Este tema puede ser una de las facetas más misteriosas del diseño web pero Caler hace que estos conceptos sean fáciles de entender. Él entra y te muestra cómo utilizar Webflow para añadir etiquetas de título, meta descripciones, y cómo funcionan los sistemas de gráficos abiertos para las redes sociales. Si estás diseñando tu primer sitio web, este es un paso que es fácil de descuidar.
Aprende UI/UX
Learnux.io ofrece una serie de cursos de diseño web. Cuando aterrizas en su sitio web, te reciben con animaciones frescas y divertidas activadas por el scroll, interacciones y un diseño de página inteligente, lo que causa una gran primera impresión. La UI y la UX están tan bien pensadas, que sabes que has encontrado el lugar adecuado para aprender sobre estas facetas del diseño web.
Las lecciones de HTML/CSS, en particular, tienen valor para los nuevos diseñadores que quieren comprender cómo funciona el CSS y el HTML. Tener un sólido manejo de las complejidades de las hojas de estilo en cascada te dará una ventaja para entender cómo funcionan cuando las apliques en algún lugar como Webflow.
Desde los fundamentos de la UX y la usabilidad, pasando por la creación de prototipos, hasta la entrega final, estas clases en vídeo enseñan cada parte del proceso de diseño para que los principiantes que las completen tengan las habilidades esenciales necesarias para crear su primer sitio web.
Comienza con los cursos de diseño web y termina siendo un diseñador
Cuando te decides por primera vez a aprender las habilidades de un diseñador web, la ruta que se extiende ante ti puede parecer desalentadora. Ante ti se extienden conceptos tan esenciales como el diseño UI y UX, el diseño visual, el CSS, el HTML5, el diseño web responsivo, así como los principios de diseño que debes seguir.
Si alguna vez has querido ser diseñador, hay muchísimas clases y plataformas de diseño como Figma, Adobe XD y Webflow que pueden ayudarte en tu camino.