> For the complete documentation index, see [llms.txt](https://bases.agency19.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bases.agency19.net/disposicion-y-composicion.md).

# Disposición y composición

Estos dos elementos son considerados como las bases del diseño por el orden y sentido que le brindan a los proyectos. También se les conoce como *layout* o maquetación.

Generalmente se asocian a los textos, pero en realidad, se pueden aplicar a otros formatos como el diseño web o gráfico. 

A continuación, te presentaremos cinco características que dan cuerpo a estos elementos y que, al incorporarlos a tu trabajo, mejorarán su calidad.

**Ver video:**

{% embed url="<https://www.youtube.com/watch?v=gJhOHTOjGO8>" %}

## 5 Elementos de la disposición y composición&#x20;

1. Proximidad
2. Espacio en blanco
3. Alineación
4. Contraste y jerarquía
5. Repetición

### Proximidad

Presenta las diferentes relaciones entre el contenido expuesto, agrupando o separando los diferentes elementos que componen tu proyecto.&#x20;

Cuando aplicas este principio, tu trabajo adquiere mayor descanso visual.

### Espacio en blanco

Se ubica entre los distintos elementos de tu trabajo, como las líneas de texto, márgenes, iconos, etc.

Su función es simple, pero importante: ofrecerle espacio al contenido para que así se pueda entender.

![Uso del espacio en blanco](/files/-Llc2YTHEzC_q5bE-e-8)

### Alineación

Organiza el contenido bajo un formato específico que mejora la lectura del proyecto. Mantiene las proporciones entre las márgenes y el espacio de trabajo utilizado.

### Contraste y jerarquía

Esta característica es útil a la hora de destacar algo que nos parece importante dentro del proyecto. Existen muchas maneras de lograrlo, por ejemplo, a través de los diferentes estilos que pueden aplicarse a los textos, su tamaño o color.

En conjunto, facilitan la navegación del contenido a tus espectadores. Esto quiere decir que quien observa o lee tu trabajo, puede tener una guía de dónde empezar y dónde continuar.

![Alineación de todos los elementos ](/files/-Llc2rQc-ZhxZgm9tQHG)

### Repetición

Como su nombre lo indica, esta característica refuerza un elemento o estilo importante en tu diseño. Úsalo en títulos, encabezados, etc., ya que además de ofrecer unidad estética a tu proyecto, le permite a tus espectadores familiarizarse con lo que estás presentando.

Implementando estos elementos a tus diseños, podrás lograr composiciones con un aspecto único y profesional.