¿Necesita un tutorial de diseño de sitios web? Use estos 10 recursos increíbles

  • Joseph Goodman
  • 0
  • 1216
  • 19
Anuncio

El diseño web es una gran habilidad, no solo le permite crear su propio sitio web, sino que puede ser un gran camino hacia una nueva carrera como diseñador web. Sin embargo, necesitará muchas habilidades para hacerlo 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 vean bien juntos, pero como cualquier diseñador que haya pasado horas ajustando los tonos te dirá: es complicado. y fuentes para tomar decisiones de diseño en todo el sitio.

Puede ser un poco abrumador, por eso hemos reunido esta lista de 10 recursos increíbles para ayudarlo 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 expertos en tecnología, Don't Fear the Internet te ayuda a superar tu miedo al mundo intimidante 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 Sugerir. Esto es lo que nos dijo. ¿Que es la Internet? Le preguntamos a Google Sugerir. Esto es lo que nos dijo. Amamos Internet ... ¿Pero qué es exactamente? Google Sugiere es una idea de la mente de millones. Usamos Google Sugerencia para encontrar qué es exactamente Internet. Esto es lo que encontramos. , 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 nuevos webheads..

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

Si eres nuevo en diseño web, este curso de Stone River es un excelente lugar para comenzar. Comienza abordando los pilares más básicos del 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: construir un sitio web.

Aprenderá sobre los sistemas de cuadrícula y el diseño receptivo, 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á de ser un novato total a un entusiasta sin gastar una fortuna..

Casa del árbol ($ 29 / mes)

Este servicio de suscripción es como muchos otros sitios de video aprendizaje 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, más pronto podrás cosechar las recompensas. e incluso habilidades comerciales.

Si está buscando 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) con Sketch y Atomic.io,” “15 pasos para una mejor usabilidad (y usuarios más felices),” y “Qué es más importante en el diseño: imágenes o texto?” El precio también es casi inmejorable para un servicio de suscripción..

Tuts + Diseño web (gratis)

La sección Tuts + Web Design, que consta de una serie de videos gratuitos que abarcan una amplia variedad de categorías (incluidos HTML, CSS, teoría de diseño, diseño de interfaz de usuario y más), 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 te pierdas 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 tomar 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 del 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 publicado 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 receptivo hasta cómo ejecutar 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 debe conocer no solo para diseñar para la web, sino 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 lo ayudará a ajustar sus habilidades de HTML, CSS y JavaScript..

Convierta cualquier sitio en un sitio receptivo (gratis)

La capacidad de respuesta, la capacidad de un sitio para mostrarse 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 característica imprescindible con el aumento de la navegación móvil.

Este tutorial lo guía a través de cómo realizar los ajustes necesarios en su sitio para que responda e incluye una lista de recursos útiles, como los complementos de WordPress Los mejores complementos de WordPress Los mejores complementos de WordPress y las bibliotecas jQuery, para ayudarlo a que su sitio se vea parejo mejor.

Construya sitios web receptivos del mundo real con HTML5 y CSS3 ($ 199)

Este curso basado en video sobre Udemy se enfoca en diseñar e implementar sitios web geniales; 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 sobre HTML, CSS y JavaScript? Si cree que tiene una habilidad especial para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. , entienda el diseño y el diseño de páginas llamativas, trabaje con imágenes e íconos, agregue efectos geniales, use principios receptivos, aprenda sobre alojamiento web y cree un sitio web completo desde cero.

En resumen, pasará de no tener conocimiento a poder crear un sitio web y ponerlo en Internet para compartirlo con el mundo. 79 conferencias que duran 11.5 horas le darán casi todo lo que necesita.

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

Para mejorar realmente sus habilidades rápidamente, deberá trabajar con alguien que sepa lo que está 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 ..., obtendrá tiempo personalizado con un profesional experimentado y aprenderá todo, desde HTML y CSS hasta teoría del color Cómo aprender la teoría del color en 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 "aficionada" y una "profesional", y realmente no lleva mucho tiempo aprenderla. 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 dedicará bastante tiempo, pero no hay requisitos previos, por lo que cualquiera, independientemente del nivel de habilidad, puede inscribirse.

Aprende de los mejores

Ya sea que recién esté comenzando o que haya estado diseñando páginas durante años, encontrará algo en esta lista de recursos que lo ayudará a mejorar en lo que hace. No olvides echar un vistazo a estos excelentes canales de YouTube de diseño web ¿Quieres aprender diseño web? 7 canales de YouTube para comenzar ¿Desea aprender diseño web? 7 canales de YouTube para comenzar YouTube tiene miles de videos y canales para principiantes en diseño web. Aquí vemos algunos de los mejores para comenzar. y blogs 6 Mejores blogs de diseño web para seguir 6 Mejores blogs de diseño web para seguir, también. 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 marcar una gran diferencia. Recuerde, como todo, el diseño web requiere mucha práctica y paciencia. Ahora ve a eso!

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




Nadie ha comentado sobre este artículo todavía.

Sobre tecnología moderna, simple y asequible.
Tu guía en el mundo de la tecnología moderna. Aprenda a usar las tecnologías y los dispositivos que nos rodean todos los días y aprenda a descubrir cosas interesantes en Internet.