¿Qué es la repetición?

Ya hemos hablado de como la proximidad y alineación te ayudan crear mejores diseños, eres ya consciente de estos principios básicos. Hablemos de un principio bastante sencillo del cual estoy seguro ya has hecho uso en el pasado, ahora solo necesitas estar consciente de la repetición.

La repetición en el diseño es el principio que indica que debes de repetir algún estilo o aspecto a lo largo de toda tu pieza de diseño. Este principio te ayuda a crear consistencia en tus diseños.

Es bastante simple, estoy seguro de que tú ya realizas repeticiones cuando necesitas escribir algún reporte o cuando hacías tareas para la universidad o colegio, esto sucede cuando repites el mismo tamaño de letra para crear títulos o subtítulos, cuando utilizas el mismo color para algún encabezado. Puedes repetir prácticamente todo lo que desees, desde el tipo de fuente, color y formato. Este principio no solo se limita a fuentes, puedes también repetir formatos de diseños, grosor de líneas, formas, texturas, imágenes, videos, combinación de colores etc.

La repetición te ayudará a crear consistencia en tu diseño, permitirá que tus usuarios sientan que cada parte de tu sito web pertenece al mismo lugar.

Contraste

El contraste es otro principio fundamental del diseño, pero como has podido ver con la proximidad y alineación, todos los principios se relacionan entre sí. La repetición te puede ayudar a crear contraste en tu sitio web, ¿recuerdas cuando hablamos de proximidad y teníamos el ejemplo de una tarjeta de presentación? 

Apliquemos a ese ejemplo el principio de repetición con el cual automáticamente crearemos contraste:

Me he tomado la libertad de dar un poco de color al ejemplo para que no sea tan aburrido, incluso he agregado alineación distinta al ejemplo original. En este ejemplo hemos aplicado los 4 principios fundamentales del diseño: proximidad, alineación, repetición y automáticamente contraste. Hemos repetido simplemente el color del título principal, y lo hemos utilizado nuevamente en un subtítulo. Este es un claro ejemplo para que puedas sentirte seguro de que no necesitas ser un artista para diseñar, todo lo que necesitas es ser consiente de los principios y reglas del diseño.

Repetición en Tipografía

Cuando diseñas un sitio web, es recomendable no utilizar más de 2 tipos de fuentes, quizás alguna vez lo has escuchado, ¿pero sabes cuál es una de las razones de dicha regla? La repetición.

Si tú utilizas más de 2 tipos de fuentes en tu sitio web, podría empezar a verse un poco desordenado y sin mucha consistencia. Por lo tanto, es recomendable utilizar algún tipo de fuente Serif en conjunto con una fuente Sans Serif para crear contraste, pero esta no es una regla de oro, puedes incluso solamente utilizar un único tipo de fuente y simplemente jugar con los estilos de la tipografía (regular, mediana, negrita etc.)

Apliquemos el principio de repetición en diseño web

Veamos el siguiente diseño de un menú de restaurante, este diseño lo aprenderás a hacer en el curso de diseño web:

Puedes ver la repetición por todos lados, ves como las imágenes en los bordes se repiten según vamos desplazándonos hacia abajo en el menú. Ves como se repite el formato de platillo principal de categoría, donde hay una imagen grande del platillo al lado izquierdo y luego al lado derecho la información sobre el platillo, luego ves como se repite el mismo formato en las categorías.

Cuando diseñas, el principio de repetición no solo te ayuda a crear unidad en el diseño y consistencia, también te ayuda a ahorrar tiempo, ya que la mayoría del tiempo solo necesitaras duplicar un formato de diseño y reemplazar algunos elementos.

Recapitulemos

La repetición debe de estar presente en tu diseño, ya sea que estés diseñando un sitio web de una sola página o un sitio web con muchas páginas, de hecho, es muy importante que apliques la repetición si el sitio web tendrá muchas páginas, esto ayuda a que los usuarios se sientan en el mismo lugar.

Como consejo adicional, debes de evitar repetir más de la cuenta, ya que esto simplemente crearía un diseño aburrido y molesto para el usuario.

Repetición es un principio bastante corto, pero muy útil, ahora estás listo para aprender el principio de contraste.