No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Compra acceso a todo Platzi por 1 a帽o

Antes: $249

Currency
$209/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscr铆bete

Termina en:

13D
10H
26M
37S

Ventajas de Atomic Design

9/26
Recursos

Aportes 21

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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.

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

Ok. B谩sicamente se la copi茅 al profe pero me sirvi贸 para practicar.

Ventajas de Atomic Design (una forma de contruir el Design System)

  1. Es la pr谩ctica m谩s com煤n para crear el prototipo y que se mantenga a largo plazo.
  2. Fundamentos de los Design Systems, es m谩s f谩cil el trabajo con el equipo.
  3. 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 鈥渢emplate鈥?

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


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 鈥渃lonar鈥 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 馃槮

馃挜 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. 馃挭

Mis apuntes