- Inicio
- UI/UX para Diseño de Interfaces
-
CONCEPTOS UI, HERRAMIETAS BÁSICAS EN FIGMA
-
Sesión 1
-
1.1. Definición UI Conceptos Preliminares
-
1.2. Diferencia Entre UX UI
-
1.3. Diferencia Entre UI Y Front End
-
1.4. UI Parte Del Diseño Gráfico
-
1.5. Tareas Principales Del Diseñador UI
-
1.6. Herramientas Para Diseño UI
-
1.7. Introducción A Figma
-
1.8. Crear Cuenta En Figma
-
1.9. Instalar Figma Al Ordenador
-
1.10. Partes De La Interfaz De Figma (Parte 1)
-
1.11. Partes De La Interfaz De Figma (Parte 2)
-
Actualización de Figma, cambios en la interfaz
-
Cuestionario #1
4 preguntas10 min
-
1.12. Ayuda Y Atajos De Teclado
-
1.13 Crear Frame O Hoja De Trabajo
-
1.14. Trabajando Sobre Frame
-
1.15. Figuras Geométricas
-
1.16. Modificando La Forma De Las Figuras Geometricas
-
Tips para la edición de formas
-
1.17. Creando Figuras Con Alt Y Shift
-
1.18. Duplicar Figuras
-
1.19 Guías Visuales En Figma
-
1.20. Guardar E Importar Un Archivo De Figma
-
1.21. Eliminar Y Restaurar Un Proyecto
-
1.22. Alineación
-
1.23. Modificando Las Esquinas De Las Figuras
-
1.24. Modificando El Color De Figuras
-
1.25. Agregando Bordes A Las Figuras
-
1.26. Efectos
-
1.27. Las Capas En Figma
-
1.28. Bloquear Y Ocultar Capas
-
1.29. Agrupar Y Desagrupar Capas
-
1.30. Operaciones Booleanas
-
1.31. Como Compartir Mi Diseño
-
¡Generemos una gran comunidad!
-
Práctica #1
Unlimited Time
-
Sesión 1
-
HERRAMIENTAS AVANZADAS EN FIGMA
-
Sesión 2
-
2.1. Vectores Herramienta Pluma
-
2.2. Vectores Herramienta Lapiz
-
2.3. Imágenes
-
2.4. Efectos En Imágenes
-
2.5. Formatos Webp, Svg, Gif, Illustrator
-
2.6. Agregando Texto
-
2.7. Configurando Texto
-
2.8. Google Fonts Y Font Awesome
-
2.9. Instalador De Fuentes Para Figma Web
-
2.10. Figma Mirror
-
2.11. Herramienta Mano
-
2.12. Regla Y Guías
-
2.13. Herramienta Comentarios
-
2.14. Constraints
-
2.15. Constraints Práctica
-
2.16. Fijar Objeto Cuando Usamos El Scroll
-
2.17. Herramienta Presentación
-
2.18. Layout Grid
-
2.19. Layout Grid Con Columnas Y Filas
-
2.20. Auto Layout
-
2.21.Herramienta Export
-
Cuestionario #2
4 preguntas10 min
-
2.22. Herramienta Slice
-
2.23. Máscara
-
2.24.Creando Una Tarjeta Con Máscara
-
Tips para ser más productivo durante el diseño en Figma
-
Práctica #2
Unlimited Time
-
Sesión 2
-
CONCEPTOS DE DISEÑO APLICADOS AL UI
-
Sesión 3
-
3.1. Principios De Diseño Aplicados A UI
-
3.2. Consistencia
-
3.3. Contraste
-
3.4. Jerarquía
-
3.5. Legibilidad
-
3.6. Espacio Negativo
-
3.7. Escala
-
3.8. Tamaño De Texto
-
3.9. Interlineado
-
3.10. Recursos Gráficos
-
3.11. Instalación De Plugins
-
3.12. Plugin Unsplash
-
3.13. Plugin Iconify
-
3.14. Plugin Content Reel
-
3.15. Paletas De Color
-
3.16. Aplicando Paletas De Color Al Diseño
-
3.17. Variaciones De Color
-
3.18. Principios De Usabilidad
-
3.19. Visibilidad
-
3.20. Relación
-
3.21. Control
-
3.22. Consistencia
-
3.23. Prevención
-
3.24. Reconocimiento
-
3.25. Flexibilidad
-
3.26. Estética
-
3.27. Errores
-
3.28. Ayuda
-
Buscando Inspiración
-
Cuestionario #3
4 preguntas10 min
-
Práctica #3
Unlimited Time
-
Sesión 3
-
PATRONES Y PROCESO DEL DISEÑO
-
Sesión 4
-
4.1. Patrones De Diseño
-
4.2. Patrón De Diseño – Botones
-
4.3. Formularios
-
4.4. Patrón De Diseño – Navegación
-
4.5. Patrón De Diseño – Menú
-
4.6. Patrón De Diseño – Carrusel – Bottom Bar
-
4.7. Patrón De Diseño – Hero Image – Banner
-
4.8. Patrón De Diseño – Card
-
4.9. Patrón De Diseño – Paginación – Scroll Infinito
-
4.10. Patrón De Diseño – Modal
-
4.11. Patrón De Diseño – Tooltip – Toast – Notificación
-
Recurso Extra: Landing Page y su estructura
-
4.12 Componentes Parte 1
-
4.13. Componentes Parte 2
-
4.14 Componentes Parte 3
-
4.15 Plantillas
-
4.16. Proceso De Diseño
-
4.17. User Flow Parte 1
-
4.18 User Flow Parte 2
-
4.19. Wireframe Parte 1
-
4.20. Wireframe Parte 2
-
4.21. Wireflow
-
4.22. Mockup
-
Cuestionario #4
4 preguntas10 min
-
Práctica #4
Unlimited Time
-
Study Jam1
-
Sesión 4
-
CREANDO MI PROYECTO FINAL
-
Sesión 5
-
¿ Qué te parece el curso de UI/UX para el Diseño de Interfaces hasta ahora ?
-
5.1. Preparando Proyecto Final
-
5.2. Creando Nuestros Wireflows Parte 1
-
5.3. Creando Nuestros Wireflows Parte 2
-
5.4. Creando Nuestros Wireflows Parte 3
-
5.5. Responsive Web Design
-
5.6. Mobile First
-
5.7. Selección De Tamaño De Frames Para Wireframe
-
5.8. Seleccionando La Configuración De Layout Grid
-
5.9. Analizando El Tamaño Adaptativo De Mis Elementos
-
5.10. Modificando El Layout Grid
-
5.11. Creando Nuestros Wireframes Parte 1
-
5.12. Creando Nuestros Wireframes Parte 2
-
5.13. Creando Nuestros Wireframes Parte 3
-
5.14. Creando Nuestros Wireframes Parte 4
-
5.15. Creando Nuestros Wireflows – Plugin Autoflow
-
5.16. Creando Nuestros Wireflows – Parte 2
-
5.17. Creando Mi Paleta De Colores
-
5.18. Seleccionando Tamaño De Texto
-
5.19. Creando Nuestros Mockups Parte 1
-
5.20. Creando Nuestros Mockups Parte 2
-
5.21. Creando Nuestros Mockups Parte 3
-
5.22. Creando Nuestros Mockups Parte 4
-
5.23. Creando Nuestros Mockups Final
-
Material adicional : Proyecto 10Minds Rent a Car
-
Práctica #5
Unlimited Time
-
Sesión 6
-
Study Jam 2
-
Sesión 5
¡Generemos una gran comunidad!
Estamos interesados en formar una comunidad de personas que puedan aprender y ayudarse unas a otras en temas de programación, diseño, ciencia, tecnología, emprendimiento, startups, STEM y robótica.
Te invitamos a que puedas ser parte y te presentes en nuestro grupo “Comunidad 10Minds” de Facebook, puedas contarnos a qué te dedicas, cuáles son tus intereses y qué temas te gustaría aprender. Puedes ingresar a nuestro grupo haciendo click aquí.
En Comunidad 10Minds publicamos artículos y tips interesantes constantemente.
9 respuestas a “¡Generemos una gran comunidad!”
Deja un comentario Cancelar respuesta
Lo siento, debes estar conectado para publicar un comentario.
Hola mi Nombre es Roberto C. Mendoza soy desarrollador de software, un gusto ser parte de la comunidad, con los temas de interés ui/ux, photosop y programación. Ahora estoy pasando el curso de Ui/ux, Saludos a todos 🙂
Hola mi nombre es Heber Surco, soy Desarrollador de Software, mis temas de interés son: programación en general, e-commerce, robótica, machine learning, business intelligence y futbol. Acabo de agregar UX/UI a mi lista de intereses y me gustaría aprender mas sobre Gestión de Proyectos.
Buenos días, soy Jorge Hernán Camacho Parra. Muy grata la experiencia, como diseñador gráfico y productor audiovisual, es muy necesario expandir los conocimientos en cuanto a la experiencia de usuario. A la vez agradecer la oportunidad de crecer y compartir conocimientos con colegas y formar así una gran comunidad. De antemano gracias y enhorabuena.
Felicitar al equipo de 10Minds por tan imprescindible curso, el futuro requerira de diseñadores de experiencia y quiero formar parte de esa demandante actividad.>_
Que Tal, mi nombre es Mauricio, soy diseñador. Me interesa todo lo relacionado a diseño y tecnologia, muy contento con el curso.
Bienvenido Mauricio ¡¡, recuerda que también puedes participar y opinar en nuestro grupo de Facebook, comunidad 10 Minds, puedes visitarlo desde aquí http://www.facebook.com/groups/comunidad10minds/
Como estas ingeniero me a gustado mucho curso y buena explicación en los videos. estoy contento con el curso de usted y todos los curso de 10 minds que pase.
Hola! Mi nombre es René Hoyos y siempre fui un apasionado de la tecnologia, es asi que estudie Ing. de Sistemas.
Trabajo en mi propia empresa la cual se llama Byte Solutions en la cual diseñamos paginas web, es asi que para mejorar nuestro servicio optamos por cursas UI/UX y diseñar interfaces. Un saludo y es un gusto unirme a la comunidad de 10minds.
Saludos! soy Joyce, y me dedico al área de la educación y el uso de tecnología para la misma. Disfruto de crear recorridos virtuales y de realidad aumentada para el área de turismo y es por eso que me uní a la clase de diseño UX / UI de manera que pueda aplicarla al sector educativo y al sector turístico.