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
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
- 94% valoraciones positivas (124)
- 6.094 estudiantes
- 15 lecciones (2h 23m)
- 27 recursos adicionales (9 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español, Inglés, Francés, Italiano, Portugués, Türkçe
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés · Türkçe
- Nivel: Iniciación
- Acceso ilimitado para siempre
Software y herramientas recomendados 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
Eva Sánchez Clemente
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
Aprenderás a crear experiencias digitales interactivas, aplicar tendencias actuales de UX/UI, estructurar proyectos con wireframes y prototipos, gestionar briefings, construir mood boards y desarrollar portafolios profesionales en diseño web.
El curso está dirigido a personas con conocimientos intermedios en diseño gráfico o digital, pero no es necesario ser experto. Se recomienda familiaridad básica con herramientas digitales de diseño.
Necesitarás una computadora con acceso a internet y programas como Figma y After Effects. Se recomienda tener cuentas en plataformas como Dribbble y Raindrop para organizar inspiración y recursos.
Aprenderás a seleccionar y presentar proyectos, aplicar conceptos visuales actuales y estructurar tu portafolio web para destacar en comunidades creativas y aumentar tus oportunidades profesionales.
Trabajarás principalmente con Figma, After Effects y extensiones de Chrome para diseño. También aprenderás a recopilar inspiración en Dribbble y organizar recursos con Raindrop.
El curso enseña técnicas para crear mood boards efectivos, recopilar y organizar referencias visuales, y emplear herramientas digitales para capturar y clasificar inspiración según el proyecto.
Sí, se analizan y aplican tendencias como neumorfismo, brutalismo, flat design y glasmorfismo para que puedas experimentar y adaptar estilos visuales innovadores en tus proyectos web.
Adobe After Effects
Figma
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
Excelente explicacion, dinamico y útil
Very educational course.