-
-
1.
Introducción al curso
2:15
-
2.
Introducción
2:42
-
3.
Estructura del curso
1:15
-
4.
Herramientas
0:48
-
5.
Introducción a los conceptos básicos del diseño
0:28
-
6.
Diseño
2:00
-
7.
Jerarquía visual
5:02
-
8.
Ruido visual
1:25
-
9.
Iconografía
1:01
-
10.
Tipografía
3:09
-
11.
Contraste de colores
1:36
-
12.
Paleta de colores
2:17
-
13.
Espaciado
1:12
-
14.
Composición
1:25
-
15.
Guía de diseño
0:40
-
16.
Fuentes consistentes
0:57
-
17.
Colores consistentes
1:00
-
18.
Iconos consistentes
1:35
-
19.
Elementos de IU coherentes
0:44
-
20.
Recursos de fuentes
0:48
-
21.
Recursos de color
0:46
-
22.
Recursos de iconos
0:57
-
23.
Introducción a Figma
1:03
-
24.
Requisitos de Figma
4:39
-
25.
Entorno de Figma
4:28
-
26.
Formas
9:15
-
27.
Edición de formas
7:20
-
28.
Conceptos básicos de las capas
6:38
-
29.
Operaciones booleanas
4:59
-
30.
Texto
4:36
-
31.
Inspector de texto
4:57
-
32.
Estilo de texto
3:56
-
33.
Restricciones y diseños adaptativos
5:24
-
34.
Diseño automático
10:54
-
35.
Imágenes
4:44
-
36.
Estilo: relleno
3:33
-
37.
Estilo: trazo
1:34
-
38.
Estilo: efectos
5:32
-
39.
Estilo de color
3:56
-
40.
Máscaras
2:29
-
41.
Componentes
8:39
-
42.
Variantes (NUEVAS)
20:25
-
43.
Cuadrículas de diseño
2:26
-
44.
Complementos
9:14
-
45.
Exportación
2:06
-
46.
Prototipo
5:52
-
47.
Multijugador y comentarios
3:04
-
48.
Atajos de teclado
3:50
-
49.
Introducción a los elementos de la interfaz de usuario
0:32
-
50.
Campos de texto
1:29
-
51.
Botones
2:06
-
52.
Deslizadores
1:29
-
53.
Información de herramientas
1:02
-
54.
Controles de selección
1:19
-
55.
papas fritas
1:11
-
56.
Tarjetas
1:04
-
57.
Diálogos
1:06
-
58.
Listas
0:58
-
59.
Tablas
1:08
-
60.
Navegación
0:50
-
61.
Menús
0:50
-
62.
Gráficos
0:52
-
63.
Steppers
1:03
-
64.
Barras de bocadillos
1:21
-
65.
¿Qué es el wireframing?
0:59
-
66.
Flujos de usuario
1:08
-
67.
Prototipos interactivos
1:02
-
68.
Herramientas de Wireframe
0:59
-
69.
Wireframing en Figma
5:02
-
70.
¿Qué es un estilo de color?
0:31
-
71.
Colores primarios, acentos y semánticos
10:12
-
72.
Colores grises y degradados
4:17
-
73.
Bordes y sombras
5:31
-
74.
Introducción al estilo de tipografía
0:25
-
75.
Guía de tipografía: parte 1
4:00
-
76.
Guía de tipografía: parte 2
2:21
-
77.
Diseño de una aplicación de finanzas moderna
2:17
-
78.
Pantalla de inicio
1:59
-
79.
Página de inicio de sesión y bienvenida
21:33
-
80.
Página de registro
6:07
-
81.
Pantallas de verificación de OTP
11:56
-
82.
Pantallas de perfil
13:04
-
83.
Página de inicio
19:44
-
84.
menú
10:51
-
85.
Página de tarjetas de crédito
13:56
-
86.
Página de transacciones
10:37
-
87.
Página de transacciones detalladas
9:42
-
88.
Página de transferencia
7:00
-
89.
Página de confirmación
3:41
-
90.
Página de notificaciones
6:59
-
91.
Perfil de usuario
4:17
-
92.
Páginas de incorporación
7:57
-
93.
Introducción al proyecto de página de destino
1:28
-
94.
¿Qué es una página de destino?
2:37
-
95.
Configuración de tu proyecto
13:27
-
96.
Crea tus estilos de color
6:02
-
97.
Wireframing de tu proyecto: parte 1
8:39
-
98.
Wireframing de tu proyecto: parte 2
12:12
-
99.
Barra de navegación
8:31
-
100.
Sección de héroes: parte 1
10:29
-
101.
Sección de héroes: parte 2
8:36
-
102.
Sección de características: tarjeta de crédito
13:00
-
103.
Sección de características: estadísticas
17:17
-
104.
Sección de características: soporte
13:26
-
105.
Planes de membresía
16:30
-
106.
Sección de preguntas frecuentes
7:32
-
107.
Pie de página
6:01
-
108.
Creación de prototipos de tu página de destino
11:57
-
109.
Tipos de logotipos
2:20
-
110.
Diseño de nuestro primer logotipo
2:59
-
111.
Diseño de nuestro segundo logotipo
2:48
-
112.
Diseño de nuestro tercer logotipo
1:52
-
113.
Introducción a Adobe Photoshop
0:32
-
114.
Entorno de Adobe Photoshop
1:21
-
115.
Conceptos básicos de Adobe Photoshop
7:40
-
116.
Adobe Photoshop para diseño de UI/UX
5:54
-
117.
Introducción al modelado 3D
2:10
-
118.
Crea tu primer modelo 3D
4:17
-
119.
Cámara e iluminaciones
2:16
-
120.
Materiales y texturas
1:55
-
121.
Crea una escena 3D
5:40
-
122.
Renderización y exportación
3:34
-
123.
Herramientas de creación de prototipos
0:58
-
124.
Creación de prototipos en Figma
4:27
-
125.
Burla de una aplicación en Figma
1:28
-
126.
¿Cómo crear tu propio portafolio en línea?
1:17
-
127.
¿Cómo usar Dribbble?
0:57
-
128.
¿Cómo usar Behance?
0:58
-
129.
¿Cómo conseguir tu primer cliente?
1:18
-
130.
¿Cómo iniciar tu propio negocio?
1:37
-
131.
¿Cómo escalar tu negocio?
1:19
-
132.
Comunicación con tus clientes
0:53
-
133.
Contrato
0:55
-
134.
¿Dónde encontrar inspiración de diseño de clase mundial?
0:48
-
135.
Recursos de imágenes
0:54
-
136.
¿Cuál es tu siguiente paso?
2:20
-
Aprende a usar Figma: conceptos básicos sobre el diseño de interfaz de usuario - Diseño UI/UX
Arash Ahadzadeh, UI/UX Designer | University Lecturer
Acerca de esta clase
¿Quieres convertirte en diseñador de UI/UX, pero no sabes por dónde empezar? Este curso te permitirá desarrollar tus habilidades de diseño de interfaces de usuario y agregar diseñador de interfaz de usuario a tu currículum y comenzar a obtener clientes para tus habilidades.
Hola a todos. Soy Arash y soy diseñador de UI/UX. En este curso, te ayudaré a aprender y dominar la aplicación Figma de manera integral desde cero. Figma es una herramienta innovadora y brillante para el diseño de interfaces de usuario. Lo usan todos, desde empresarios y nuevas empresas hasta Apple, Airbnb, Facebook, etc.
Al final de este curso, podrás crear diseños de interfaz de usuario (UI) y experiencia del usuario (UX) de clase mundial. A lo largo del curso, primero aprenderás todos los conceptos básicos del diseño, los elementos de la interfaz de usuario, la tipografía, etc. y, luego, trabajaremos juntos en proyectos del mundo real.
Además, diseñaremos una aplicación de finanzas completamente desde cero y compartiremos contigo todas las técnicas necesarias y los secretos ocultos que necesitas para el diseño de aplicaciones móviles y diseño web.
Además, diseñaremos juntos una página de aterrizaje completa y moderna en la que aprenderás lo esencial del diseño web.
Este curso ha sido diseñado para personas que recién comienzan en el diseño de UI/UX o, digamos que el diseño en general. Comenzaremos con los principios más básicos y trabajaremos todo el proceso, paso a paso.
Comenzamos el curso explicando las diferencias entre el diseño de la interfaz de usuario y el de UX. Y luego, comenzaremos a aprender sobre la aplicación Figma en la sección Academia Figma. Después de eso, crearemos un wireframe simple de baja fidelidad para comprender su uso y sus beneficios.
Repasaré todas las herramientas esenciales necesarias para crear una interfaz de usuario y una experiencia de usuario increíbles. No solo aprenderás sobre la aplicación Figma, sino que también aprenderás sobre Adobe Photoshop, Vectary, Dribbble, Behance, etc.
La sección Conceptos básicos del diseño abarca todos los principios necesarios, entre ellos: diseño, iconografía, tipografía, contraste de color, composición, espaciado, etc.
Una de las partes interesantes del proceso de diseño de la experiencia del usuario son las microinteracciones. Te enseñaré a usar InVision Studio para crear este tipo de interacción.
Con más de 10 horas de contenido en más de 130 conferencias, te llevaré de principiante a experto y te enseñaré todo lo que necesitas saber para usar Figma de manera profesional.
Un curso increíble para personas sin experiencia en diseño o para diseñadores experimentados que quieran aprender y dominar Figma y convertirse en diseñadores de interfaces de usuario. Al final de este curso, tendrás un proyecto completo del mundo real para tu propio portafolio, y cada estudiante tendrá los conocimientos y la confianza necesarios para solicitar un trabajo de diseñador de UI/UX.
Los más destacado del curso:
Dominio de la aplicación Figma
Consejos y trucos: aprovecha al máximo las herramientas de Figma
Colores, iconografía y tipografía
¡Extra! Consigue 2 kits de interfaz de usuario nuevos por valor de 3000 USD.
Entonces, ¿qué estás esperando? ¡¡Comienza la clase hoy!!
Proyectos de clase Mostrar todo (100)
Ten en cuenta que esta clase se ofrece únicamente con fines educativos, informativos y de conveniencia personales, es de naturaleza general y no pretende sustituir el asesoramiento profesional, legal o médico. Lee más al respecto en nuestros Términos de servicio.