Diseño de páginas web interactivas con Figma
Un curso de Eva Sánchez Clemente , Diseñadora UX/UI
Se unió en septiembre de 2017
Aprende a crear webs interactivas, memorables y fáciles de programar, siempre teniendo en cuenta el comportamiento del usuario
Aprende a crear webs interactivas, memorables y fáciles de programar, siempre teniendo en cuenta el comportamiento del usuario
Se unió en septiembre de 2017
Según la diseñadora UX/UI Eva Sánchez, para crear una página web desde cero es fundamental tener en cuenta dos factores: cómo es el proyecto del cliente y cuál es el comportamiento del usuario. A partir de ahí, tus intereses, estímulos y cultura entran en juego para definir cada uno de los detalles visuales.
En este curso online aprenderás a comprender el brief para después ir un paso más allá aportando tu propia visión a cada proyecto. A lo largo de las unidades, verás cómo usar las tipografías, imágenes y composiciones para crear propuestas web intuitivas que enriquezcan la experiencia y la interacción.
¿Qué aprenderás en este curso online?
15 lecciones & 27 recursos adicionales
- 93% valoraciones positivas (109)
- 5.088 estudiantes
- 15 lecciones (2h 23m)
- 27 recursos adicionales (9 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español, Inglés
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés
- Nivel: Iniciación
- Acceso ilimitado para siempre
Software recomendado para este curso
Adobe After Effects
Figma¿Cuál es el proyecto del curso?
Crearás un proyecto web interactivo, atractivo y funcional.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A todas aquellas personas que busquen actualizar y ampliar sus conocimientos en el mundo de las experiencias digitales.
Requisitos y materiales
Para seguir los pasos de tu profesora necesitarás un ordenador con acceso a internet y nociones básicas en alguna aplicación de diseño de interfaces, preferiblemente Figma, y en diseño gráfico.
¿Nuevo en Adobe After Effects? En ese caso te recomendamos los cursos de Domestika Basics para aprender a usar el programa: Introducción a After Effects.
Opiniones
Un curso de Eva Sánchez Clemente
Eva Sánchez empezó su trayectoria formándose en diseño gráfico en Tenerife y trabajando en publicidad, hasta que, en 2019, se mudó a Barcelona para centrarse exclusivamente en el diseño digital. Gracias a compartir su trabajo en redes sociales y en su portfolio web, consiguió sus primeros méritos como un Honorable Mention y ser parte del jurado en Awwwards, una comunidad de creativos internacional del ámbito digital.
A partir de ahí, su talento comenzó a ser reconocido y empezó a colaborar con otros estudios independientes como Fuego Camina Conmigo, Ophion, Rebeka Arce Studio o Réplica Studio, entre otros. Asimismo, actualmente trabaja en Jam3, una agencia internacional dedicada en exclusiva al diseño enfocado en la experiencia e innovación digital.
Contenidos
-
U1
Introducción
-
Presentación
-
Influencias
-
-
U2
Entender y definir el proyecto
-
El contexto del diseño web
-
La importancia del briefing
-
Búsqueda de referencias y el mood board
-
-
U3
Diseñar la experiencia web
-
UX: estructura y contenido de la web
-
Color, tipografía y composición
-
Diseñar para un contexto “mobile first”
-
-
U4
Prototipar, animar y refinar el diseño
-
Prototipado básico en Figma
-
Animar elementos en After Effects
-
Preparar el archivo
-
-
U5
Presentar, comunicar y colaborar
-
El proceso de trabajo
-
Orquestar un proyecto web
-
Pixel pushing: cuidar de tu proyecto
-
Publicar y promocionar tu trabajo
-
-
PF
Proyecto final
-
Diseño de páginas web interactivas con Figma
-
Qué esperar de un curso de Domestika
-
Aprende a tu ritmo
Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.
-
Aprende de los mejores profesionales
Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.
-
Conoce a profesores expertos
Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.
-
Certificados
PlusSi eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
-
Ponte en primera fila
La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.
-
Comparte conocimientos e ideas
Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.
-
Conecta con una comunidad creativa global
Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.
-
Realiza cursos profesionalmente producidos
Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.
Preguntas frecuentes
Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros estudiantes y con el profesor, creando así una comunidad en torno al curso.
La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.
Los cursos se dividen en diferentes unidades, cada una de ellas incluye lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un foro exclusivo donde puedes interactuar con todos los estudiantes del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.
Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.
Adobe After Effects
Figma
ramesh_designer83
PlusI really enjoyed this course with Eva. She does a great job explaining how to design interactive web pages with Figma. Not only did I learn a lot, but she also provided tons of valuable resources, links, and tutorials for further inspiration on different topics. Highly recommend for anyone wanting to improve their web design skills!
Ver traducción
Ocultar traducción
alexander_elartista
Me gustaría expresar mi opinión sobre este curso. Si bien valoro la gran cantidad de recursos adicionales que ofrece, siento que la parte práctica se queda corta. Me hubiera gustado que el curso se enfocara más en la construcción de la web paso a paso, con ejemplos concretos y ejercicios prácticos que me permitieran aplicar los conocimientos adquiridos.
ricardouribe
Muy recomendable!
Explica muy bien su proceso creativo y el uso de figma.
gracias!
mariano_piriz
Muy recomendable!
Explica muy bien su proceso creativo y el uso de figma para el bocetado y prototipado de los proyectos de UX Design!
designer
PlusA great overview and a well detailed process to taking actionable steps when DESIGNING INTERACTIVE WEB PAGES WITH FIGMA. With note that the translation in English was quite good, understanding the sample file/materials we are allowed to access after each unit however was written only in Spanish so that was a bummer.
Ver traducción
Ocultar traducción