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 complicados. Puede parecer bastante fácil elegir un puñado de colores que se vean bien juntos, pero como cualquier diseñador que haya dedicado horas a modificar los colores le dirá: es complicado. Lea más y fuentes para tomar decisiones de diseño en todo el sitio.
Puede ser un poco abrumador, por lo que hemos recopilado esta lista de 10 recursos geniales para ayudarlo a aprender las reglas. ¡Desde revistas gratuitas en línea hasta tutoría uno a uno, todo está aquí!
No temas a Internet (gratis)
Empecemos con lo básico. Creado como un tutorial de diseño web para personas que no son profesionales de la tecnología, Do not Fear the Internet lo ayuda a superar su miedo al intimidante mundo del diseño web con lecciones sencillas que cualquiera puede comprender.
De una explicación básica de qué 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. Nos encanta Internet ... Pero, ¿qué es exactamente? Google Suggest es una idea de las mentes de millones. Usamos Google Suggest para encontrar exactamente qué es 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 ambiente muy acogedor que no lo abrumarán 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 de diseño web más básicos con conferencias como "¿Qué es CSS y HTML?", "Introducción al diseño de documentos" y "Vinculando en una hoja de estilo". El curso avanza mediante el uso de CSS y HTML para crear diferentes elementos eso será útil 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, que suman más de 7, 5 horas de instrucción, pasarás de novato total a entusiasta sin gastar una fortuna.
Cabaña en el árbol ($ 29 / mes)
Este servicio de suscripción es como muchos otros sitios de videoaprendizaje 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érjase. El idioma tiene un futuro brillante y cuanto más rápido lo aprenda, más rápido podrá cosechar las recompensas. Lea más, e incluso habilidades comerciales.
Si está buscando aprender más no solo sobre diseño web, sino 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 "Crear 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 diseño: imágenes o texto?" El precio es también casi inmejorable para un servicio de suscripción.
Tuts + Diseño web (gratis)
Consistente en una cantidad de videos gratuitos que abarcan una amplia variedad de categorías (incluyendo HTML, CSS, teoría de diseño, diseño de interfaz de usuario y más), la sección Tuts + Web Design es un excelente lugar para aumentar sus conocimientos sobre 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 brindan información útil sobre un área específica de diseño web. Y si desea ver cómo llevar los diseños web de principio a fin, consulte la sección Completa de sitios web.
Smashing Magazine (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í. Gran parte de lo que se publica será de gran interés para los diseñadores intermedios, pero hay muchas cosas que puedes aprender si acabas de empezar.
Smashing también publica una cantidad 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 diseños receptivos hasta cómo ejecutarlos. un negocio de diseño web.
Una lista aparte (gratis)
Otra revista 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 también para escribir código en el 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 le ayudará a afinar 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 la 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 guiará en cómo hacer los ajustes necesarios en su sitio para hacerlo receptivo e incluye una lista de recursos útiles, como complementos de WordPress. Los mejores complementos de WordPress Los mejores complementos de WordPress Lea más y las bibliotecas de jQuery para ayudarlo a crear su sitio. mira aún mejor.
Cree sitios web responsivos en el mundo real con HTML5 y CSS3 ($ 199)
Este curso de video en Udemy se centra en el diseño y la implementación de grandes sitios web; en ella aprenderás los conceptos básicos de HTML y CSS. Aprende HTML y CSS con estos tutoriales paso a paso. Aprende HTML y CSS con estos tutoriales paso a paso. ¿Tienes curiosidad por HTML, CSS y JavaScript? Si crees que tienes una habilidad especial para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. Lea más, comprenda el diseño y el diseño de páginas llamativas, trabaje con imágenes e íconos, agregue efectos interesantes, use principios receptivos, aprenda sobre alojamiento web y cree un sitio web completo desde cero.
En resumen, le llevará 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 11.5 horas te darán casi todo lo que necesitas.
Mentoring de circuito de HTML, CSS y diseño web ($ 1, 250)
Para realmente mejorar tus habilidades rápidamente, necesitarás trabajar con alguien que sepa lo que están haciendo. En el programa de mentores 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, obtendrá tiempo individual con un profesional experimentado, y aprenderá todo, desde HTML y CSS hasta la teoría del color Cómo aprender el color Teoría 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 "amateur" y una "profesional", y realmente no lleva mucho tiempo aprender. Lea 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 dedicará bastante tiempo a ello, pero no hay requisitos previos, por lo que cualquier persona, independientemente del nivel de habilidad, puede inscribirse.
Aprende de los mejores
Si recién está comenzando o ha 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 echarle un vistazo a estos excelentes canales de diseño de YouTube. ¿Quieres aprender diseño web? 7 canales de YouTube para comenzar ¿Quieres aprender diseño web? 7 canales de YouTube para comenzar YouTube cuenta con miles de videos y canales para principiantes en diseño web. Aquí vemos algunos de los mejores para comenzar. Lea más y blogs 6 Mejores blogs de diseño web para seguir 6 Mejores blogs de diseño web para seguir Lea más, 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 hazlo!
¿Cuáles son los mejores recursos de diseño web que te has encontrado? ¿Has encontrado que alguno de ellos sea especialmente útil? Comparte tus favoritos a continuación!