# Atomic Design · UX Trends 2018 · Zorraquino
> El diseño, como un organismo
URL: https://www.zorraquino.com/trends/ux-trends-2018/atomic-design

![Atomic Design: El diseño, como un organismo](https://cdn.sanity.io/images/0w1142l8/production/918a4df93742f1dbe28408d06c42db1cc8453fc3-1600x1064.webp/atomic-design-el-diseno-como-un-organismo.webp?w=1600&fit=max&auto=format&q=85)

Tendencia 11

# Atomic Design

1. [UX Trends 2018Inicio](https://www.zorraquino.com/trends/ux-trends-2018)
2. [Tendencia 01Humanización](https://www.zorraquino.com/trends/ux-trends-2018/humanisation)
3. [Tendencia 02Personalización inteligente](https://www.zorraquino.com/trends/ux-trends-2018/smart-personalisation)
4. [Tendencia 03Una interfaz más emocional](https://www.zorraquino.com/trends/ux-trends-2018/emotional-interface)
5. [Tendencia 04El estado de ánimo como interfaz](https://www.zorraquino.com/trends/ux-trends-2018/mood-as-interface)
6. [Tendencia 05Diseño para la optimización](https://www.zorraquino.com/trends/ux-trends-2018/design-for-optimisation)
7. [Tendencia 06La UI más enriquecida](https://www.zorraquino.com/trends/ux-trends-2018/richer-ui)
8. [Tendencia 07Feedback sensorial](https://www.zorraquino.com/trends/ux-trends-2018/sensory-feedback)
9. [Tendencia 08Año de la realidad aumentada](https://www.zorraquino.com/trends/ux-trends-2018/year-of-augmented-reality)
10. [Tendencia 09Diseñador como storyteller](https://www.zorraquino.com/trends/ux-trends-2018/designer-as-storyteller)
11. [Tendencia 10Experiencias conectadas](https://www.zorraquino.com/trends/ux-trends-2018/connected-experiences)
12. [Tendencia 11Atomic Design](https://www.zorraquino.com/trends/ux-trends-2018/atomic-design)
13. [Tendencia 12Solo lo esencial](https://www.zorraquino.com/trends/ux-trends-2018/only-the-essential)

Atomic Design

El diseño, como un organismo

## El nuevo diseño web

Formulado hace pocos años por Brad Frost, y reforzado con la publicación del libro del mismo nombre (Atomic Design) en 2016, plasma una filosofía de diseño web (y diseño gráfico) orientada a facilitar la creación sistemática de pieza de diseño, de modo más rápido, más consistente y más robusto. La filosofía del Atomic Design pasa por disecciones el diseño en sus elementos más básicos - átomos, moléculas, organismos, plantillas y páginas - para poder luego componerlos, según el caso y la necesidad, de modo casi automático, y crear resultados finales de indiscutible consistencia, desarrollados rápidamente y con poco esfuerzo.

## Casos

01 / 05

Zorraquino spotlights

1. 01  
La necesidad de diseños rápidos y, al mismo tiempo, de calidad, hace pensar la necesidad de adoptar sistemas basados en la filosofía del Atomic Design.
2. 02  
El Atomic Design ofrece, sobre todo, dos funcionalidades especialmente buscadas por las marcas hoy en día, y que difícilmente se encuentran juntas: calidad y rapidez.
3. 03  
Un método de diseño que puede permitir la producción a gran escala sin perder la calidad ni arruinar el presupuesto.

## Más de la tendencia

### Referencias

- [Atomic Design - Goodreads](https://www.goodreads.com/book/show/29567165-atomic-design)
- [10 reasons you should be using Atomic Design](https://www.creativebloq.com/web-design/10-reasons-you-should-be-using-atomic-design-61620771)
- [Atomic Design - Brad Frost](http://bradfrost.com/blog/post/atomic-web-design/)
- [¿Por qué usar atomic design?](https://platzi.com/blog/por-que-atomic-design/)
- [50 Creative Card UI Designs](https://www.webdesignerdepot.com/2017/01/50-creative-card-ui-designs/)

Páginas 181–198 del informe

[![Solo lo esencial: La tendencia que no muere: “Reducir de manera razonada”](https://cdn.sanity.io/images/0w1142l8/production/c3e0847491b27900a29aad9c3a19d25822cb9a18-1500x1125.webp/solo-lo-esencial-la-tendencia-que-no-muere-reducir-de-manera-razonada.webp?w=1600&fit=max&auto=format&q=85)](https://www.zorraquino.com/trends/ux-trends-2018/only-the-essential)

Siguiente tendencia · 12

[Solo lo esencial](https://www.zorraquino.com/trends/ux-trends-2018/only-the-essential)