Ver todas las Rutas
Habilidades de Diseño para Desarrolladores Web
Esta Pista te equipará para diseñar aplicaciones y sitios web, no solo programarlos. Ya sea que busques hablar el mismo idioma que tu equipo de diseño para facilitar una entrega más fluida, o estés ansioso por agregar habilidades de diseño a tu portafolio de desarrollo, esta Pista equipará a los desarrolladores web con un conjunto completo de habilidades de diseño adecuadas para su campo.
Aquí se incluyen lecciones sobre pensamiento de diseño, creación de wireframes y mockups, trabajo con sistemas de diseño, y más.
Comenzarás con algunos cursos conceptuales que te enseñarán cómo pensar como diseñador, incluyendo Fundamentos de Diseño Visual. A continuación, tomarás nuestro curso Manejo de Retroalimentación como Diseñador UX, y luego Recibiendo Retroalimentación UX Por Ejemplo. La retroalimentación es una parte integral del trabajo de experiencia del usuario, y algo que todo diseñador sabe cómo abordar.
La siguiente parte de la Pista te llevará a través de habilidades como wireframing, bocetos, tipografía y mockups. Estos conceptos son todos pilares importantes en todo tipo de trabajo de diseño. También cubriremos color y diseño.
La Pista terminará con cursos sobre accesibilidad, y evaluación y presentación de diseño. Una vez que hayas terminado, tendrás todas las herramientas que necesitas para diseñar las hermosas aplicaciones y sitios que ya has estado programando.
¿Listo para comenzar a aprender?
Treehouse ofrece una prueba gratuita de 7 días para estudiantes nuevos. Obtén acceso a miles de horas de contenido. Aprende a programar, consigue el trabajo de tus sueños.
Comienza Tu Prueba Gratuita
-
Curso
- 1
- 2
- 3
- 4
- 5
Introducción al Pensamiento de Diseño
Aprende los métodos y mentalidades centrados en el usuario que empresas completas están utilizando para mejorar sus experiencias de producto. A lo largo de este curso, repasaremos cómo encontrar la voz de nuestro usuario, la importancia de esa voz, y cómo crear una mejor experiencia para nuestro usuario.
-
Curso
- 1
- 2
Fundamentos del Diseño Visual
En este curso, construirás tu vocabulario de diseño y aprenderás cómo describir los bloques de construcción básicos de cualquier imagen visual. Comenzaremos aprendiendo sobre los elementos del diseño, como línea, forma y forma. Luego pasaremos a los principios del diseño, como equilibrio, armonía y movimiento. Al final, tendrás una mejor base para discutir diseño con otros miembros del equipo y podrás hacer observaciones objetivas sobre lo que a menudo es un tema subjetivo.
-
26 minTaller
Manejando Retroalimentación como Diseñador UX
Este taller prepara a los nuevos diseñadores para manejar la retroalimentación sobre su trabajo de manera diplomática, efectiva y profesional.
Visto -
7 minTaller
Recibiendo Retroalimentación UX por Ejemplo
Ve formas positivas de manejar diferentes tipos de retroalimentación en tus diseños, incluyendo retroalimentación constructiva, negativa y prescriptiva.
Visto -
3 minTaller
Inspiración de Diseño de Recopilación
¡Recopilar inspiración de diseño es una forma divertida de obtener ideas nuevas! También te ayuda a mantenerte actualizado con las tendencias de diseño y a ser consciente de los patrones de diseño emergentes. El objetivo es recopilar diseños que inspiren tus propias ideas creativas.
Visto -
Curso
- 1
- 2
- 3
- 6
Introducción a los Wireframes
Los wireframes son una parte útil del proceso de diseño. A lo largo de un proyecto de sitio web o aplicación móvil, tendrás muchas ideas y la mejor manera de clasificar esas ideas es hacer una lluvia de ideas. Los wireframes son un artefacto visual de la lluvia de ideas, y el objetivo es hacerlos con un esfuerzo mínimo para fomentar la ideación. Ya seas diseñador o no, los wireframes son una habilidad importante para tener en tu caja de herramientas. Es beneficioso para gerentes de producto, especialistas en marketing o cualquier otra persona con ideas para un sitio web o aplicación móvil. Los wireframes son una herramienta valiosa para visualizar experiencias de usuario, iterar sobre ideas y compartir ideas con otros.
-
7 minPráctica
Práctica de Bocetos
Para esta sesión de práctica, crearás ocho bocetos aproximados para la pantalla principal de una aplicación de bocetos. Esta aplicación permite a los usuarios crear bocetos rápidos, compartibles y en blanco y negro usando sus dedos en una pantalla táctil.
Visto -
22 minPráctica
Práctica de Wireframing
Para esta sesión de práctica, crearás un wireframe digital en Figma para la pantalla principal de una aplicación de bocetos. Esta aplicación permite a los usuarios crear rápidamente bocetos compartibles usando sus dedos en una pantalla táctil.
Visto -
Curso
- 1
- 2
- 3
- 4
Creando Experiencias de Usuario
Únete a nosotros mientras aprendemos los principios básicos del Diseño de Experiencia de Usuario y cómo forma las interacciones cotidianas con productos. Al estructurar productos alrededor de las necesidades de los usuarios, podemos asegurar que los productos cumplan su función. Aprenderás cómo encontrar a los usuarios donde están, pensar a través de experiencias intuitivas, y crear productos que cumplan más efectivamente tanto tus objetivos como los de tus usuarios finales. Este curso te ayudará a pensar de manera más crítica a través de los pasos y decisiones que toma un usuario mientras interactúa con tu producto. Si estás considerando una carrera en Experiencia de Usuario (UX) o quieres aprender más al respecto, este curso te expondrá a cómo diseñar y planificar alrededor de las personas que usan tu producto.
-
Curso
- 1
- 2
- 3
- 4
- 5
Tipografía para Diseñadores
La tipografía es uno de los aspectos más importantes del buen diseño. En este curso, aprenderás todo lo que necesitas saber sobre la creación de buena tipografía como Diseñador UX: cómo elegir una fuente; qué buscar al distribuir tipos, cómo crear jerarquía tipográfica, distribución de tipos y creación de tipografía responsiva.
-
6 minPráctica
Antes y Después: Tipografía
Mejora la tipografía en un diseño existente.
Visto -
37 minTaller
Creando Mockups
Aprende cómo se utilizan los mockups en el proceso de diseño y descubre técnicas para incorporarlos en tu flujo de trabajo. Practica transformar un conjunto de wireframes en representaciones realistas de la aplicación aplicando estilos de diseño visual y utilizando el UI Kit de Apple para Adobe XD.
Visto -
7 minPráctica
Antes y Después: Color
Practica diseño con color.
Visto -
5 minPráctica
Antes y Después: Diseño
Mejora el diseño de una aplicación móvil iOS existente.
Visto -
Curso
- 1
- 2
- 3
- 4
Introducción a los Sistemas de Diseño
Aprende cómo un sistema de diseño escalable y repetible conduce a un diseño más eficiente. Aprende los componentes de un sistema de diseño y cómo trabajar con la documentación existente.
-
Curso
- 1
- 2
Accesibilidad para Diseñadores de UX
El diseño accesible es un proceso de diseño que considera específicamente las necesidades de personas con discapacidades. En este curso, aprenderás sobre los estándares vigentes que guían a los diseñadores en la creación de experiencias accesibles para todos los usuarios, así como técnicas para llevar tus proyectos a esos estándares.
-
Curso
- 1
- 2
- 3
- 4
Evaluando Diseño
Una parte esencial del proceso de diseño UX es la medición y validación. Este curso proporcionará una descripción general de los métodos disponibles para medir el éxito de un diseño incluyendo pruebas A/B, encuestas y pruebas de usabilidad. Se profundizará específicamente en pruebas de usabilidad para que los estudiantes aprendan qué implica ejecutar tal prueba, desde preparar un plan de prueba hasta presentar hallazgos accionables.
-
17 minTaller
Presentando Ideas de Diseño
Aprende cómo presentar efectivamente tu proceso de diseño a las partes interesadas para que puedas comunicar una visión. Define la agenda, establece los objetivos del proyecto, comparte tu investigación, compara iteraciones, navega la retroalimentación y crea un camino para los próximos pasos.
Visto -
2 minInstrucción
Continúa Aprendiendo sobre Diseño UX
Ahora que has completado la Pista de Habilidades de Diseño para Desarrolladores Web, es posible que desees continuar aprendiendo más sobre diseño UX...(continúa leyendo)
Visto -
60 minExamen
Examen Final de la Pista de Habilidades de Diseño para Desarrolladores Web
Pon a prueba tus habilidades de Habilidades de Diseño para Desarrolladores Web. Este examen final incluye una mezcla de tipos de preguntas para evaluar lo que has aprendido. Aprueba para ganar tu certificado.
-
Finalización de la Ruta
Esta ruta incluye:
- Introducción al Pensamiento de Diseño 75 min
- Fundamentos del Diseño Visual 35 min
- Manejando Retroalimentación como Diseñador UX 26 min
- Recibiendo Retroalimentación UX por Ejemplo 7 min
- Inspiración de Diseño de Recopilación 3 min
- Introducción a los Wireframes 2 horas
- Práctica de Bocetos 7 min
- Práctica de Wireframing 22 min
- Creando Experiencias de Usuario 94 min
- Tipografía para Diseñadores 3 horas
- Antes y Después: Tipografía 6 min
- Creando Mockups 37 min
- Antes y Después: Color 7 min
- Antes y Después: Diseño 5 min
- Introducción a los Sistemas de Diseño 76 min
- Accesibilidad para Diseñadores de UX 90 min
- Evaluando Diseño 2 horas
- Presentando Ideas de Diseño 17 min
- Continúa Aprendiendo sobre Diseño UX 2 min
- Examen Final de la Pista de Habilidades de Diseño para Desarrolladores Web 60 min