Diseno Ui: Diseno Visual Y Diseno De Interfaz Con Figma 2024

Curso de UI/UX y Diseño Visual. Aprendé a diseñar páginas web y aplicaciones móviles funcionales y estéticas con Figma

What you’ll learn
A construir diseños funcionales y hermosos para web o aplicaciones móviles
Diseño responsivo para web y mobile
Principios del diseño
Principios como Unidad, Gestalt, Jerarquía, Balance, Contraste, Escala, Dominancia y más
Utilización de los colores, crear paletas y herramientas
Uitlizar Figma y crear prototipos
Design System & UI Kit
Convertirte en un Diseñador UI
Podrás añadir “Diseñador UI” a tu CV o Linkedin
Iconografía, recomendaciones y herramientas
Usabilidad y Accesibilidad
Buscar inspiración y cómo ser creativo
Patrones de diseño
Figma
Diseñar y utilizar Figma de forma profesional
Atomic Design
Tipografía
Grillas y columnas

Requirements
No necesitás estudios ni conocimientos previos
Acceso a una computadora y a internet

Description
Curso para convertirte en un Diseñador UIAprende a diseñar páginas web y aplicaciones móviles funcionales y estéticas con FigmaSi estás buscando aprender a diseñar aplicaciones móviles y páginas webs estéticas y funcionales, este curso de Diseñador UI con Figma es para vos. Este campo de diseño está en constante crecimiento, y este curso te proporcionará las habilidades y herramientas necesarias para comenzar una nueva carrera en UX/UI.En este curso, aprenderás técnicas y herramientas para crear aplicaciones móviles y páginas webs desde cero, y ser capaz de crear sistemas de diseño y prototipos. Además, el curso está diseñado para ayudar a desarrolladores a expandir sus conocimientos en el frontend y mejorar sus interfaces de forma radical.No necesitas un título específico para convertirte en Diseñador UI, pero es importante tener experiencia en tecnología, comprender el comportamiento humano y tener conocimientos en diseño, que se verán en este curso. Aunque seas un principiante sin experiencia previa en el campo, podrás aprender desde cero a un nivel profesional.El curso está lleno de teoría, ejercicios prácticos y recursos adicionales, así como un proyecto que realizarás a lo largo del curso con el acompañamiento del instructor. Además, como la demanda de diseñadores UI sigue en aumento, es un buen momento para iniciar una carrera en este campo, que se encuentra entre los puestos mejor pagados dentro del UX.En resumen, si estás buscando iniciar una carrera en diseño UI y aprender a diseñar aplicaciones móviles y páginas webs, este curso con Figma te proporcionará las habilidades y herramientas necesarias para comenzar en este campo en constante crecimiento. ¡Unite a este emocionante campo y convertite en un Diseñador UI!Obtendrás un Certificado del curso verificable y confiable en la industria una vez que hayas completado el curso. Podés resaltarlo en tu currículum, tu perfil de LinkedIn o tu sitio web.¡No esperes más para comenzar tu carrera profesional en UI!

Overview
Section 1: Introducción

Lecture 1 Presentación al temario

Lecture 2 Introducción al Diseño UI

Lecture 3 Diseño UI

Lecture 4 Rol del Diseñador UI

Lecture 5 UX y UI

Lecture 6 Diseño UX vs. UI: Similitudes y diferencias

Lecture 7 ¿Qué es el buen diseño?

Lecture 8 Únete a la comunidad de estudiantes

Lecture 9 Elementos del diseño visual

Lecture 10 Principios del diseño

Lecture 11 Usabilidad

Lecture 12 Usabilidad en UX: cómo hacer que los usuarios se enamoren de tu producto

Lecture 13 Accesibilidad

Lecture 14 Accesibilidad web: cómo hacer que tu sitio sea amigable para todas las personas

Lecture 15 3P

Lecture 16 Intro a la siguiente Unidad

Lecture 17 Libros de UX/UI

Section 2: Curso intro de Figma

Lecture 18 Curso introductorio a Figma

Lecture 19 Crear team, file, etc

Lecture 20 Súper IMPORTANTE – Config 2024 de Figma

Lecture 21 Cambios en la interfaz de Figma

Lecture 22 Atajos

Lecture 23 Introducción al editor

Lecture 24 Archivo de Figma

Lecture 25 Herramientas

Lecture 26 Componentes

Lecture 27 Variantes

Lecture 28 Cambios en la interfaz de Figma 2da parte

Lecture 29 Auto Layout

Lecture 30 Auto Layout de Figma: Diseños más flexibles y adaptables

Lecture 31 Styles

Lecture 32 Listado de plugins

Lecture 33 Prototipado

Lecture 34 Variables en Figma: Qué son y cómo utilizarlas

Lecture 35 FigJam

Section 3: Principios del Diseño Visual

Lecture 36 Unidad

Lecture 37 Gestalt

Lecture 38 Archivo de Figma

Lecture 39 Actividad Figma – Review

Lecture 40 Ejemplo resuelto – Review

Lecture 41 Jerarquía

Lecture 42 Actividad Figma – Banner

Lecture 43 Ejemplo resuelto – Banner

Lecture 44 Balance

Lecture 45 Contraste

Lecture 46 Escala

Lecture 47 Actividad Figma – Planes de suscripción

Lecture 48 Ejemplo resuelto – Planes de suscripción

Section 4: Challenge UX/UI – Etapa 1

Lecture 49 Recurso gratuito: Ruta de Aprendizaje para ser Diseñador UX/UI

Lecture 50 Introducción al Challenge

Lecture 51 FigJam

Lecture 52 Proceso de trabajo

Lecture 53 Análisis de las competencias

Lecture 54 User Flow a realizar

Section 5: Tipografía

Lecture 55 Serif

Lecture 56 Sans Serif

Lecture 57 Recomendaciones y Accesibilidad

Lecture 58 Actividad en Figma – Tipografía

Lecture 59 Ejemplo resuelto – Tipografía

Section 6: Iconografía

Lecture 60 Iconos

Lecture 61 Librerias de iconos

Lecture 62 Actividad en Figma – iconos

Lecture 63 Ejemplo resuelto – Iconos

Section 7: Patrones & Responsive

Lecture 64 Responsive Design

Lecture 65 Patrones de diseño

Lecture 66 7 principios UX para diseñar apps móviles intuitivas

Lecture 67 Grillas

Lecture 68 Mejores prácticas – Sistemas de grillas

Lecture 69 DP, DPI y PX

Lecture 70 Actividad en Figma – Responsive

Lecture 71 Ejemplo resuelto – Responsive

Section 8: Challenge UX/UI – Etapa 2

Lecture 72 Mejorar en el diseño

Lecture 73 Estructura en Fidelidad Baja

Lecture 74 Lápiz y Papel

Lecture 75 Primeros Wireframes

Section 9: Color

Lecture 76 Introducción al color

Lecture 77 Psicología del color

Lecture 78 Círculo cromático

Lecture 79 Cómo usar una paleta de colores

Lecture 80 Cómo crear paletas de colores para un UI fabuloso

Lecture 81 Regla 60/30/10

Lecture 82 Degrades

Lecture 83 Páginas y Herramientas

Lecture 84 Actividad en Figma – color

Lecture 85 Recomendaciones de libros

Lecture 86 Actividad – Fidelidades

Lecture 87 Ejemplo resuelto – Fidelidades

Lecture 88 ¡Novedades!

Section 10: Design System

Lecture 89 Design System

Lecture 90 Pasos para crear un Design System

Lecture 91 Atomic Design

Lecture 92 Atomic Design: definición y ventajas en el diseño de productos digitales

Lecture 93 Recursos: Sistemas de diseño

Section 11: Challenge UX/UI – Etapa 3

Lecture 94 Inspiración

Lecture 95 UI Kit

Lecture 96 UI Kit ejemplo

Lecture 97 Fidelidad Alta

Lecture 98 ¿Y ahora?

Lecture 99 ¡Tu opinión importa!

Este curso es ideal y está dirigido para programadores, diseñadores, emprendedores, comunicadores, analistas, sociólogos y todas las personas con ganas de aprender sobre diseño de interfaz y diseño visual.