Cómo hacer DISEÑO UI en FIGMA 💜💛 TUTORIAL, Parte 2

En este nuevo tutorial de YouTube, continuaremos aplicando diseño UI a uno de los elementos clave de nuestra landing page para la comunidad UX y UI: las tarjetas. Durante el proceso, nos enfocaremos en perfeccionar detalles visuales como los colores, la tipografía, y el uso de transparencias y sombras para darles profundidad y dinamismo.

Para este tutorial, aprovecharemos también la suite de IA de Freepik para generar imágenes personalizadas que complementen el estilo visual de la landing. Aprenderás a integrar estas imágenes de manera armoniosa con los otros elementos del diseño, asegurando que las tarjetas sean atractivas y funcionales.

Aplicaremos colores coherentes con la paleta cromática del diseño, asegurando que cada tarjeta se alinee con la identidad visual de la landing. Además, revisaremos cómo elegir y aplicar tipografías que mantengan la claridad y jerarquía de la información.

Las sombras y las transparencias juegan un papel fundamental en el diseño moderno, y te mostraré cómo emplearlas de forma efectiva para darle un toque de profundidad y estilo a las tarjetas sin saturar el diseño. También ajustaremos el espaciado entre los diferentes elementos para mantener una apariencia limpia y ordenada.

Si estás interesado en aprender cómo transformar wireframes básicos en diseños UI completos y profesionales, ¡no te pierdas este tutorial! Veremos todos los pasos necesarios para que puedas aplicar estos principios en tus propios proyectos.

Con este enfoque práctico, dominarás el proceso de aplicar diseño UI a tarjetas y otros componentes de landing pages, utilizando Figma y herramientas de IA para llevar tu diseño al siguiente nivel.

📌 Te dejo todos los tutoriales de esta serie:

Parte 1: https://youtube.com/live/3x-W0sPC7cU
Parte 2: https://youtube.com/live/JUo-jItwA1c?
Parte 3: https://youtube.com/live/T-iaqhgVIFA
Parte 4: https://youtube.com/live/_GovhT3CfGU
Parte 5: https://youtube.com/live/xnsR2iLwwWs
Parte 6: https://youtube.com/live/9_lEHP-JA8M
Parte 7: https://youtube.com/live/zZH5XHMT1wc
Parte 8: https://youtube.com/live/8AMhE3F-I_c
Parte 9: https://youtube.com/live/AtXWO0O3p8A

❤️ Súmate a nuestra comunidad   / discord  

Foto: Freepik.com