Presentación
https://static.platzi.com/media/public/uploads/patrones-y-componentes-para-ssdd_20131b84-00a5-40c3-868d-bf1fe55eafdd.pdf
Workbooks
https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2F6bWNppeC91MlFrJHmRpGoe%2FThe-Data-Analyst-Kit-for-Platzi-(Community)%3Ftype%3Ddesign%26node-id%3D314-109%26mode%3Ddesign%26t%3DPEaZ7cYDQOwULnVs-0
👩🏻🏫 Marta Monterde Alonso
- 📌 Introducción
- ✍🏻 Blogpost
- 🗂️Índice de temas
- 🧠 Proyecto
Diseño atómico
Paradigma de diseño ideado por Brad Frost.
Es una metodología para crear los elementos que componen nuestro sistema de diseño.
Modelo de componentización
Basado en la química.
- Átomos
- Elementos básicos de construcción de tu interfaz. Carecen de sentido por sí mismos.
- Colores, tipografías, espaciados...
- Labels, inputs, botones...
- Moléculas
- Juntando varios átomos diferentes.
- Ejemplo: Label + Input = Campo de recogida de dato. Ahora tienen un sentido y función.
- Organismos
- Juntando moléculas diferentes.
- Ejemplo: Campos de recogida + Botón = Formulario
- Templates y páginas
- Con varios organismos podremos formar templates que son los apartados esquematizados dentro de una página.
¿En qué nos beneficia utilizar este modelo?
- Obtención de patrones comunes a toda nuestra interfaz.
- Aceleración en la velocidad de trabajo.
- Centramos en lo importante: resolver problemas.
- Promueve la consistencia y la escalabilidad de nuestro Sistema de Diseño.