Aprende diseño de interfaces web con Figma
Medio tiempo · 8 semanas
Diseña interfaces web funcionales, usables y accesibles. Este curso te dará la confianza para tomar decisiones que siguen las guidelines del diseño UI y crear interfaces consistentes, memorables, usables y modernas.
Diseño de interfaces con Figma
Acerca del curso
Posiciónate como un diseñador profesional dominando el diseño de interfaces web 👩🏻🎨
Te has preguntado ¿por qué se coloca el logo del lado izquierdo del menú? ¿cómo se deben elegir las fonts en un proyecto? ¿qué colores usar? ¿qué layout utilizar en web y móvil? Bueno, pues es momento de responder cada una de estás preguntas.
El diseño web no se trata solo de formas y colores, el diseño de interfaces involucra la usabilidad, la accesibilidad, el diseño visual, el diseño de interacción y más; pero nuestra tarea principal como diseñadores UI, es crear productos digitales que cumplan los objetivos tanto del negocio como del usuario.
Así que en este curso vas a diseñar siguiendo la metodología de DCU (Diseño Centrado en el Usuario), crearás interfaces que permitan a los usuarios resolver un problema o cubrir una necesidad; definirás el layout, las fonts, el color y sombras, aprenderás a crear componentes y utilizarlos consistentemente en una interfaz, conocerás los criterios a tomar en cuenta para que una interfaz sea usable y accesible, además podrás crear un prototipo, y sabrás cómo testear y evaluar tu interfaz.
En este curso no escucharás solo una clase aburrida, trabajarás con muchos ejercicios prácticos y diseñaras dos proyectos de diseño web para tu portafolio; cada uno pensado para llevarte poco a poco a dominar cada aspecto de la creación de diseño de interfaces, la toma de decisiones y hasta la maquetación de la interfaz. Nosotros cuidaremos que tu desarrollo sea completo dándote feedback de lo que vas construyendo para que puedas corregir y aprender. ¡Vamos a fallar mucho, para aprender más rápido!
No solo vamos a hablar de teorías, vamos a diseñar interfaces y a codearlas con HTML y CSS
En este curso vamos a aprender a utilizar Figma para crear interfaces y prototipos, después aprenderemos lo básico de HTML y CSS para llevar nuestro diseño a código.
Opiniones
¿Qué opinan nuestros estudiantes? 💬
Estamos muy orgullos del trabajo realizado en los últimos 8 años, enseñando programación desde nivel principiante hasta avanzado, pero sobre todo estamos orgullosos de la comunidad que hemos formado y de la que puedes ser parte. Para seguir creciendo esta comunidad, realizamos eventos durante el año en donde nuestros estudiantes también comparten su experiencia con lo más nuevo en desarrollo y programación web.
Andres Vargas Castillo
Web developer
"Fue una grata experiencia este curso para mí. Me gusta la forma en la que explica Bliss ya que lo hace notar muy fácil cualquier tema complicado. Héctor nos impulsa a practicar y además siempre documenta todas las lecciones para que las consultemos"
José Luis Pacheco Soto
Contador público
"La mejor manera de tomar un curso en programación es que sea presencial ya que te enfocas y en verdad practicas lo aprendido, de otra manera es muy complicado que te concentres. En Fixter tuve esta concentración que necesitaba ya que Héctor te da de manera muy fácil conceptos complejos"
Rodrigo Piña
Consultor en Skills-Depot
"La dinámica de enseñanza de Bliss es la que me ayudo a entender de mejor manera herramientas complejas ya que lo hace fácil de comprender"
Zyanya Morín
Web developer
"La mejor experiencia en FixterCamp, ya pasaron 5 años y la verdad me gustaría volver a repetir esto, ojala que algún día pueda regresar para actualizarme"
Ricardo Hernández
Software Engineer & Freelancer
"Un año después de un salir de un bootcamp, los cursos de Fixter.camp me ayudaron a actualizarme en React y mejoró mucho mi código y mi puesto de trabajo"
Carlos Mendoza
Instructor en Laboratoria
"Mi experiencia en Fixter fue anormal porque conocí a personas motivadas por los mismos temas y podíamos pasar horas y horas hablando de tecnología sin cansancio, ahí descubrí lo increíble que es hacer comunidad"
temario
¿Qué vas a aprender? 👩🏻🏫
Introducción al diseño de interfaces
Aprenderás los conceptos básicos del diseño UI, y también cómo llevar un proceso de diseño.
Principios de Diseño, Usabilidad y Accesibilidad
Conocerás cuáles son los principios o guidelines que debes seguir para lograr un diseño consistente, funcional, usable por nuestros usuarios y accesible para el mayor número de personas.
Figma
Aprenderás a utilizar Figma desde los comandos básicos, creación de componentes y diseño de pantallas (wireframes).
Componentes UI
Conocerás los componenes del diseño de interfaces, cuando usar cada uno y como lograr una correcta composición dentro de una pantalla.
Overflow y Prototipado
Al diseñar, es muy importante pensar no solo en el happy path, sino en todos los caminos que puede tomar el usuario en función de cada decisión que toma, así que usaremos Overflow para definir estos flujos y Figma para crear prototipos que emulen estos flujos.
Test de usabilidad (Pruebas y métricas)
Aprenderás como llevar a cabo pruebas de usabilidad, que métricas considerar y sobre todo, aprenderás a solucionar los problemas de usabilidad de tu diseño.
HTML y CSS
Por último, aprenderás como pasar tu diseño, de Figma a código usando HTML y CSS.
Herramientas de desarrollo web
Estas son algunas de las herramientas y temas que aprenderás en el curso 🧲
El programa de nuestro curso en línea está diseñado para que puedas mejorar tus skills profesionales para obtener un mejor empleo o crear tus propios productos digitales. Sabemos que una vez que tengas claros los fundamentos de diseño, podrás crear interfaces por tu cuenta por medio de una toma de decisiones fundamentada y profesional.
Layout
Aprenderás a definir un layout para los distintos dispositivos (desktop, tablet y mobile), a definir columnas, margenes, gutters, espaciados y más.
Tipografía
Aprenderás a elegir correctamente las fonts para tu diseño, y como darle jerarquía a cada texto dentro de él.
Color
Con base en la teoría del color, aprenderás a definir una paleta de color primaria y secundaria, definir colores neutrales, funcionales y sombras.
Figma
Figma es la herramientas más utilizada para diseño, así que será nuestra herramienta principal para diseñar interfaces y prototipos.
Overlflow
autilizaremos Overflow para mapear cada uno de los Happy y Unhappy Paths de nuestro usuario.
HTML y CSS
Utilizaremos HTML y CSS para pasar nuestro diseño a código, aprenderás como maquetar un sitio web y darle estilos.
Método Fixtergeek
Para nosotros no solo se trata de que termines el curso, se trata de que Tú Aprendas en el curso 💻
El que aprendas todos los temas que verás en este curso y puedas convértirte en diseñador(a) de interfaces web es lo más importante. Por eso, hemos desarrollado durante los últimos 8 años un programa que combina clases en vivo, material pregrabado, ejercicios prácticos y además mentoría dedicada para resolver tus dudas y para ofrecerte feedback personal.
Clases en vivo con tu Instructor
Serás parte de nuestras clases en vivo con tu profesor de forma online, con un grupo pequeño para que puedas aprovechar mejor el tiempo con tu instructor experto y hacer todas las preguntas que necesites, también podrás interactuar con tus compañeros, colaborar y resolver ejercicios en equipo. Tus clases serán de 2 horas dos veces por semana para que las aproveches al máximo.
Acceso a los recursos pregrabados en nuestra plataforma
Todo el curso cuenta con recursos de respaldo (learnings), con videos pregrabados y documentos con los que podrás estudiar a tu ritmo y en tu propio tiempo, también prodrás repasar los temas vistos en las clases en vivo pues siempre se graban. Estos recursos son tuyos para siempre.
El programa incluye ejercicios prácticos individuales y en equipo
No esperamos que aprendas solo escuchando pasivamente, la mejor forma de aprender es practicando, por eso hemos diseñado ejercicios que no solo te ayudarán a comprender a fondo cada tema visto, también te retarán, te mantendrán practicando y te permitirán desarrollar tu creatividad.
Conoce a tu instructor
Aprende de instructores experimentados no solo en la industria educativa, también en la industria tecnológica 🔥
Brenda González
Sr. Product Designer & Front-end Developer
Brenda González, es licenciada en economía pero también es desarrolladora front-end y diseñadora de producto que ha trabajado para bancos internacionales, además es emprendedora digital con su propio e-commerce; combinando perfectamente las diferentes disciplinas del desarrollo web ha desarrollado una visión amplia para liderar proyectos completos.
Como instructorta Brenda te ayudará a que lo que tu construyas siga los lineamientos de diseño y te compartirá de su visión a la hora de tomar desiciones en tu proyecto.
Conoce a tus mentores
Brenda González
Sr. Product Designer & Front-end Developer
CDMX • 🇲🇽
@brenda-ort
Mariana López
Full-stack developer
Guanajuato, México • 🇲🇽
@mariana.lzz
Mefit Hernandez
Front-end developer
Hidalgo, México • 🇲🇽
@_MefitHp
Arturo Covarrubias
Full-stack developer
Hidalgo, México • 🇲🇽
@covarrubias_ac
David Zavala
Senior full-stack developer
Guanajuato, México • 🇲🇽
@deivid
Héctorbliss
Senior software engineer
CDMX • 🤖
@hectorbliss
precio
Precio simple, transparente y accesible 💰
Somos transparentes con nuestro precio, y claros con lo que recibirás al inscribirte al curso. Lo que más nos interesa es que puedas vivir el aprendizaje efectivo con nuestra metodología. Por eso nuestro precio tan bajo.
$3,999 MXN
Paga hasta 6 meses sin intereses de $667.50 MXN.
Acceso a los recursos digitales
18 MasterClass en vivo en línea con tu instructor principal
Clases prácticas con ejercicios colaborativos
2 Proyectos para tu portafolio
Feedback y mentorias 1:1
Certificado de finalización
Playera de tu generación y stickers hasta tu casa
Siguiente edición
¡Nuestro curso se llena rápido! 🏃🏻
Nuestros cursos tienden a llenarse bastante rápido por lo cual abrimos inscripciones con un mes de anticipación. Para asegurar una experiencia de aprendizaje personal a cada uno de nuestros estudiantes, los cursos no exceden los 20 lugares , así que te recomendamos conseguir el tuyo ¡lo antes posible!
Principios de desarrollo web
7 de Febrero | Martes y Jueves de 7pm a 9pm GMT-5
Brenda Gonzalez
Instructora · México 🇲🇽