Cuál es el estandar de columnas en pantallas de aplicaciones móviles, en pantalla vertical y horizontal?
Conceptos básicos de prototipado
Qué aprenderás sobre diseño de prototipos móviles
Beneficios del Prototipado
Niveles de Fidelidad del Prototipado
Ténicas para estructurar información
Introducción a Patrones de Diseño
Introducción a UX Orientado a Objetos
Definición de Flujos de Tareas
Prototipado de Baja Fidelidad
Bocetado Rápido
Sistemas de Diseño
Principios de Atomic Design
Ventajas de Atomic Design
Prototipado de Mediana Fidelidad
Bocetado en Figma
Diseño de Wireframes (Mediana Fidelidad)
Librerías Compartidas de Componentes
Introducción a Componentes
Creación de Componentes
Detallado de Componentes
Estilos de Componentes
Librerías de Componentes Compartidas
Prototipado de Alta Fidelidad
Diseño de Mockups de Alta Fidelidad en Figma
Construcción de Prototipo Interactivo en Figma
Entregables de Diseño
Mejores prácticas de Entregables para Desarrollo usando Overflow y Zeplin
Exportación de Assets a Zeplin
Cierre
Cierre
Contenido Bonus
Tips básicos para prototipar una idea
Cómo hacer prototipos funcionales de Apps iOS o Android
Crea un prototipo interactivo de tu aplicación
Mentoría expert
Los 10 pecados del Product Designer
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Diseño de Wireframes (Mediana Fidelidad)
11/26Recursos
Aportes 27
Preguntas 3
Ordenar por:
Con Alt+G también podemos encender o apagarle grid layout. 😌
Actualmente figma tiene una sección que se llama figjam dentro de la misma plataforma. Esto hace que puedas crear flujos de usuarios o tareas para así complementar tus diseños de mejor forma.
precisamente utilizamos el layout grid para alinear cada componente con los grids,
se vuelve molesto en fase de desarrollo que los componentes no esten alineados ni tengan medidas estandar.
Así va mi wireframe, todavía tengo duda si se pueden mezclar figuras como lo hice o si es una mala práctica, si me pueden responder seria de mucha ayuda!
Personalmente antes de hacer un bosquejo o la guía para el diseño primero coloco como base mi estructura de las 12 columnas sobre ello empiezo a colocar elementos, se me hace más práctico
no tiene nada que ver con el hilo de la clase pero cabe corregir que la palabra no es 'aplastar 'para el verbo que se usa con el teclado es 'presionar'! independiente del pais. Aplastar es derrotar, humillar, vencer.
Mi aporte!
Muy buena clase, muy detallada, esto fue lo que falto en el curso de Figma, muy bien por el profe Misael
Muy buena clase explicativa!!
Para insertart imagenes, iconos o cualquier elemento para su diseño puden instalar plugins, como iconfy para los iconos o unsplash para imagenes figma tiene su market place de plugins
¿Qué es mejor Figma, Adobe xd o Skectch? en tema del prototipo final la interacción
Super bonito de como esta quedando.
Me gusta Figma para realizar prototipado.
brutal ese layout grid, hace esta herramienta lejosssss mejor que las de diseño tipo illustrator
buen contenido…
Muchas gracias por el curso, consulta técnica, ¿Cuál es la mejor resolución para comenzar a diseñar en app?
Muchas gracias por esta clase, hasta el momento había visto muchas personas hablando de las 12 columnas, pero a nadie pasando su borrador a mediana fidelidad con figma, creía que el diseño debería estar alineado de alguna manera con las 12 columnas, pero veo que no es necesario, solo debes tenerlas cómo referencia.
Seco el profe , gracias ❤️
Un atajo para ocultar las grids es con el shortcut
control shift 4
Excelente clase, siempre que realizaba los diseño hacia uno por uno en el de mediana fidelidad. Es muy buen estrategia hacer solo un componente y después reutilizarlos más adelante
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?