# 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.&#x20;

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://bases.agency19.net/disposicion-y-composicion.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
