¿Necesita un tutorial de diseño de sitio web? Utilice estos 10 recursos impresionantes

El diseño web es una gran habilidad, no solo le permite crear su propio sitio web, sino que también puede ser un gran camino hacia una nueva carrera como diseñador web. Sin embargo, necesitarás muchas habilidades para lograrlo en el mundo del diseño web, desde la codificación en HTML hasta la elección de colores. Cómo elegir un esquema de color como un profesional. Cómo elegir un esquema de color como un profesional. Los colores son difíciles. Puede parecer bastante fácil elegir un puñado de colores que se ven bien juntos, pero como lo dirá cualquier diseñador que haya pasado horas ajustando los tonos: es complicado. Leer más y fuentes para tomar decisiones de diseño en todo el sitio.

Puede ser un poco abrumador, es por eso que hemos reunido esta lista de 10 recursos asombrosos para ayudarte a aprender las cuerdas. Desde revistas en línea gratuitas hasta tutorías individuales, todo está aquí!

No temas a internet (gratis)

Empecemos con lo básico. Creado como un tutorial de diseño web para no técnicos, Don't Fear the Internet te ayuda a superar tu miedo al intimidante mundo del diseño web con lecciones simples que cualquiera puede entender..

De una explicación básica de lo que es Internet ¿Qué es Internet? Le preguntamos a Google Suggest. Esto es lo que nos dijo. ¿Que es la Internet? Le preguntamos a Google Suggest. Esto es lo que nos dijo. Amamos Internet ... ¿Pero qué es exactamente? Google Suggest es una idea de las mentes de millones de personas. Usamos Google Suggest para encontrar qué es exactamente Internet. Esto es lo que encontramos. Lea más, para detallar los huesos de un sitio web, para enseñar habilidades de diseño de página, aprenderá los fundamentos de la creación de un sitio web en un entorno muy acogedor que no lo abrumará con información técnica. También incluye una lista de algunos de los recursos favoritos de los autores para los webheads en ciernes..

Introducción al diseño web por Stone River eLearning ($ 99)

Si eres nuevo en el diseño web, este curso de Stone River es un excelente lugar para comenzar. Comienza abordando los pilares más básicos de diseño web con conferencias como “Qué es CSS y HTML?”, “Introducción al diseño de documentos”, y “Vinculación en una hoja de estilo.” El curso avanza mediante el uso de CSS y HTML para crear diferentes elementos que serán útiles en un sitio web real, como formularios y botones, y concluye con un proyecto final: crear un sitio web.

Aprenderá sobre sistemas de red y diseño sensible, dos cosas que son importantes en el diseño web moderno. Con 34 conferencias, con un total de más de 7.5 horas de instrucción, pasarás de novato a entusiasta sin gastar una fortuna.

Casa en el árbol ($ 29 / mes)

Este servicio de suscripción es como muchos otros sitios de aprendizaje de video en línea, pero tiene un conjunto sólido de cursos relacionados con el diseño web, incluidos los de HTML, CSS, JavaScript, PHP y uno completamente dedicado al diseño web. También hay muchas otras áreas que puedes aprender, como el desarrollo de juegos, el lenguaje Swift de Apple Los mejores lugares para aprender Swift, el lenguaje de programación de Apple Los mejores lugares para aprender Swift, el lenguaje de programación de Apple Si quieres aprender Swift, ahora es el momento de Sumérgete. El idioma tiene un futuro brillante y, cuanto más rápido lo aprendas, antes podrás obtener las recompensas. Leer más, e incluso habilidades de negocios.

Si desea aprender más no solo sobre diseño web, sino también sobre codificación y desarrollo en general, esta podría ser una muy buena inversión..

SitePoint ($ 9 / mes, facturado anualmente)

Otro servicio de suscripción, SitePoint le ofrece acceso no solo a videos, sino también a libros electrónicos. Hay una serie de rutas que atraerán a los diseñadores web principiantes, incluidas las rutas de diseño, desarrollo, CSS y JavaScript. El sitio es más pequeño que muchos otros proveedores similares, pero está creciendo rápidamente, con nuevos lanzamientos cada semana..

Los videos de diseño actuales incluyen “Cree interacciones elegantes (pero fáciles) usando Sketch y Atomic.io,” “15 pasos para mejorar la usabilidad (y usuarios más felices),” y “Lo que es más importante en diseño: imágenes o texto?” El precio también es casi imbatible para un servicio de suscripción..

Tuts + Diseño Web (gratis)

Con una serie de videos gratuitos que abarcan una amplia variedad de categorías (incluidos HTML, CSS, teoría de diseño, diseño de IU y más), la sección Tuts + Web Design es un excelente lugar para aumentar su conocimiento de los conceptos de diseño web..

Mucha de la información aquí es bastante avanzada, por lo que será beneficioso tener una comprensión sólida de los conceptos básicos primero. Por otro lado, si quieres saltar con ambos pies, este sería el lugar para hacerlo. No se pierda las Guías de aprendizaje, que proporcionan información útil sobre un área específica del diseño web. Y si desea ver cómo llevar los diseños web de principio a fin, consulte la sección Sitios web completos.

Revista Smashing (gratis)

Esta revista en línea tiene secciones sobre codificación, diseño web, dispositivos móviles, gráficos, experiencia de usuario y WordPress, por lo que puede obtener una gran cantidad de información relevante para diseñar un sitio web aquí. Mucho de lo que se publica atraerá más a los diseñadores intermedios, pero hay mucho que puedes aprender si recién estás comenzando..

Smashing también publica una serie de libros, y puede obtenerlos en formato electrónico; puede suscribirse a toda la biblioteca por $ 99 por año, y obtener acceso a todos sus libros electrónicos sobre diversos temas, desde el diseño responsivo hasta cómo ejecutarlo. un negocio de diseño web.

Una lista aparte (gratis)

Otra lista en línea, A List Apart, cubre la mayoría de los temas que necesita conocer, no solo para diseñar para la web, sino también para escribir código del lado del servidor, desarrollar una estrategia de contenido, administrar proyectos y vigilar la industria. La sección de Diseño está llena de reflexiones útiles de los diseñadores, y la sección de Codificación te ayudará a afinar tus habilidades de HTML, CSS y JavaScript.

Convierta cualquier sitio en un sitio responsivo (gratis)

La capacidad de respuesta: la capacidad de un sitio para mostrar de manera diferente según el dispositivo que lo está viendo, es excelente para aumentar la legibilidad de su sitio web, y se está convirtiendo rápidamente en una función imprescindible con el aumento de la navegación móvil.

Este tutorial lo guía a través de cómo hacer los ajustes necesarios en su sitio para que sea receptivo, e incluye una lista de recursos útiles, como los complementos de WordPress Los mejores complementos de WordPress Los mejores complementos de WordPress Lea más y las bibliotecas jQuery, para ayudarlo a crear su sitio ve aún mejor.

Cree sitios web sensibles del mundo real con HTML5 y CSS3 ($ 199)

Este curso basado en video sobre Udemy se centra en el diseño y la implementación de sitios web excelentes; en él aprenderá los conceptos básicos de HTML y CSS Aprenda HTML y CSS con estos tutoriales paso a paso Aprenda HTML y CSS con estos tutoriales paso a paso ¿Tiene curiosidad por HTML, CSS y JavaScript? Si crees que tienes una habilidad para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. Lea más, entienda el diseño y el diseño de páginas llamativas, trabaje con imágenes e íconos, agregue efectos geniales, use principios de respuesta, aprenda sobre alojamiento web y cree un sitio web completo desde cero.

En resumen, pasará de no tener conocimiento a ser capaz de crear un sitio web y ponerlo en Internet para compartirlo con el mundo. 79 conferencias que duran hasta 11,5 horas le brindarán todo lo que necesita.

Tutoría de circuitos de diseño web, CSS y HTML ($ 1,250)

Para mejorar realmente tus habilidades rápidamente, necesitarás trabajar con alguien que sepa lo que están haciendo. En el programa de tutoría de diseño web de la Asamblea General Cómo usar Twitter para buscar mentores en su área de interés Cómo usar Twitter para buscar mentores en su área de interés En el mundo real, un mentor es un maestro sabio que apoya y guía a alguien. y les ayuda a maximizar su potencial. En el mundo en línea, sería muy afortunado de encontrar a alguien que ... Leer más, tendrá tiempo individual con un profesional experimentado y aprenderá todo desde HTML y CSS hasta la teoría del color. Cómo aprender la teoría del color. Menos de una hora Cómo aprender la teoría del color en menos de una hora El conocimiento básico de la teoría del color puede significar la diferencia entre una estética "amateur" y una "profesional", y realmente no toma mucho tiempo aprender. Leer más y principios de diseño de página. Esta es una opción costosa, pero no hay mejor manera de aumentar tus habilidades rápidamente.

Este es un curso de 10 semanas, por lo que le estarás dedicando bastante tiempo, pero no hay requisitos previos, por lo que cualquier persona, independientemente del nivel de habilidad, puede inscribirse..

Aprende de los mejores

Ya sea que esté comenzando o diseñando páginas durante años, encontrará algo en esta lista de recursos que lo ayudará a mejorar en lo que hace. No te olvides de ver estos excelentes canales de diseño web. ¿Quieres aprender diseño web? 7 canales de YouTube para comenzar ¿Quieres aprender diseño web? 7 canales de YouTube para comenzar You YouTube tiene miles de videos y canales para principiantes de diseño web. Aquí nos fijamos en algunos de los mejores para empezar. Lea más y blogs 6 Los mejores blogs de diseño web para seguir 6 Los mejores blogs de diseño web para seguir Lea también más. No hay una manera fácil de aprender todo lo que necesita saber sobre el vasto mundo del diseño web, pero saber dónde encontrar ayuda cuando la necesita puede hacer una gran diferencia. Recuerde, como cualquier cosa, el diseño web requiere mucha práctica y paciencia. Ahora hazlo!

¿Cuáles son los mejores recursos de diseño web que has encontrado? ¿Has encontrado alguno de ellos especialmente útil? Comparte tus favoritos a continuación!

Explorar más sobre: ​​Diseño web.