Este ejercicio me ayudó mucho a identificar, es práctico para divisar los elementos que se repiten y su forma para poder organizar el sistema de diseño.
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,
No se trata de lo que quieres comprar, sino de quién quieres ser. Invierte en tu educación con el precio especial
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
11 Días
7 Hrs
16 Min
30 Seg
Ventajas de Atomic Design
9/26Recursos
Aportes 20
Preguntas 2
Ordenar por:
Ventajas de Atomic Design:
- Práctica generalizada y más común de construir interfaces y mantener un sistema de diseño.
- Es la manera de construir un sistema de diseño.
- Fácil de comunicar con personas no-diseñadoras.
- Es una forma más sencilla de aterrizar una idea
- Diseños consistentes y escalables
Ventajas de Atomic Design (una forma de contruir el Design System)
- Es la práctica más común para crear el prototipo y que se mantenga a largo plazo.
- Fundamentos de los Design Systems, es más fácil el trabajo con el equipo.
- Fácil de explicarlo con los no-diseñadores.
¿Para el inventario de componentes no deberíamos hacerlo pensando en código? Es decir, ponerle los nombres que van a ser utilizados en desarrollo para que todos hablemos el mismo lenguaje.
¿El footer podría considerarse como “template”?
Por cierto chicos, en Figma se pueden crear elementos para replicarlos rápidamente
Mi aporte
Cuando empecé a hacer este ejercicio me puse a pensar que anteriormente solo diseñaba con creatividad y buscando patrones pero ahora entiendo que todo es parte de un sistema y que en el fondo tener uno nos va a facilitar el trabajo de seguir diseñando nuevas interfaces en el futuro. A seguir practicando.
sinceramente el curso es demasiado interesante, pero como profesor creo que el profesor queda mucho a deber, no le entiendo a la manera en como baja la información a los formatos
Mis apuntes
Dupliqué el formato del listado de componentes y está quedando de esta forma:
Nunca había hecho un documento de este tipo pero es interesante analizar cada componente desde su forma más básica.
Las primeras paginas del prototipo, identifique los atomos, moléculas y organismos con colores y su inicial. Hecho en invision app
¿Alguien sabe qué comando dbo usar para “clonar” un elemento en Invision? Como hace el profe al seleccionar una imagen y la arrastra y la está duplicando. Intento usar los comandos de Adobe, como Alt + arrastrar, pero no me funcionan 😦
acá remito el ejercicio de identificación de los componentes (átomos, moléculas, organismos..)
💥 Spoiler del reto: Los componentes son cientos, puede que miles dependiendo que tan larga sea la web y que tanta información contienen. 👋
Atomic Design es la metodología de diseño más demandada por reclutadores. 💪
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?