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.

¡Todos los lugares se agotaron! 😱

Te avisaremos en cuanto las fechas estén listas.

lidiamarianasandyangelricardomauricio

Diseño de interfaces con Figma



¡Todos los lugares se agotaron! 😱

Te avisaremos en cuanto las fechas estén listas.

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.

students photo

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"

students photo

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"

students photo

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"

students photo

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"

students photo

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"

students photo

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 🔥


Instructor

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


Instructor

Brenda González

Sr. Product Designer & Front-end Developer

CDMX🇲🇽

@brenda-ort

Mentor

Mariana López

Full-stack developer

Guanajuato, México🇲🇽

@mariana.lzz

Mentor

Mefit Hernandez

Front-end developer

Hidalgo, México🇲🇽

@_MefitHp

Mentor

Arturo Covarrubias

Full-stack developer

Hidalgo, México🇲🇽

@covarrubias_ac

Mentor

David Zavala

Senior full-stack developer

Guanajuato, México🇲🇽

@deivid

Mentor

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.

Inscríbete hoy

$3,999 MXN

Paga hasta 6 meses sin intereses de $667.50 MXN.


¡Todos los lugares se agotaron! 😱

Te avisaremos en cuanto las fechas estén listas.

checlist

Acceso a los recursos digitales

checlist

18 MasterClass en vivo en línea con tu instructor principal

checlist

Clases prácticas con ejercicios colaborativos

checlist

2 Proyectos para tu portafolio

checlist

Feedback y mentorias 1:1

checlist

Certificado de finalización

checlist

Playera de tu generación y stickers hasta tu casa

Preguntas más frecuentes

¿Tienes alguna pregunta sobre el curso?

Si aún tienes dudas sobre el curso o quieres estar seguro de que este curso es para ti, programa una llamada rápida con nosotros o escríbenos en cualquier momento.

Curso diseñado por