🔩 Componentes del website

Componentes del website

Manual del diseño para programación

Nuestra método para crear componentes para nuestro diseño UI es el Diseño atómico, este consta de 5 niveles: los átomos que son los componentes básicos, como los botones; las moléculas que consiste en la combinación de átomos; los organismo están compuestos por las moléculas y que al unirse forman bloques; los template que consisten en agrupaciones de organismos unidos; y páginas son son las mismas plantillas pero con la sustitución de algunos elementos que sean representativos de lo que el usuario final verá.

Los componentes deben tener:

  • Nombre

  • Descripción/Solución

  • Behavior (comportamiento del componente con su entorno) en desktop y teléfono

  • Estados de componente (prendido/apagado, "modo navideño")

Gif animado del Atomic design UI
Icono de cierre del menu

Cómo te podemos ayudar