1. Design & Illustration
  2. Graphic Design

Ingenioso vs. Elegante: Cómo equilibrar los principios de diseño con las tendencias de diseño

by
Read Time:12 minsLanguages:

Spanish (Español) translation by Maira (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Un diseño sólido es más que la aplicación de los principios del diseño; también está en sintonía con la estética, ya sean tendencias o estilos visuales que hacen que el proyecto sea más atractivo visualmente. Del mismo modo, basarse únicamente en un aspecto de moda no supone necesariamente un gran diseño. Esos principios fundamentales son esenciales.

En este artículo, exploraremos la relación entre ambos: los principios de diseño y las tendencias de diseño.

¿Qué son los principios de diseño?

Una introducción

Los principios del diseño son un conjunto de herramientas que los diseñadores pueden utilizar para construir una composición exitosa. También son una gran fuente de comprensión del diseño; con estos principios, podemos deconstruir y entender cómo funcionan las cosas y por qué.

El diseño puede parecer a veces mágico, como si cayera un rayo y ocurriera algo místico. Sin embargo, en la mayoría de los casos, no es cierto: una composición sólida, por ejemplo, sabe cómo llamar la atención en el lugar adecuado y cómo emplear suplementos visuales que se complementen.

Design Theory Design Theory Design Theory

Teoría del diseño ¿Por qué son importantes?

Es importante porque el diseño no es necesariamente "suerte". Imagina que quisieras construir una casa, pero no tuvieras herramientas ni planos. Simplemente te pusieras a construir al azar sin tener ni idea de cómo o dónde colocar las cosas.

Ahora bien, no me malinterpretes: este constructor podría hacer algunas cosas estupendas, pero trabajar sin una estrategia no es necesariamente una receta para el éxito constante.

Personalmente, he descubierto que una vez que te familiarizas con los principios de diseño, comienzan a sentirse como un reloj, al igual que estar familiarizado con el software, simplemente sabes cómo hacer ciertas cosas después de un tiempo.

Veamos un breve resumen de lo que son estos principios.

Design PrinciplesDesign PrinciplesDesign Principles

La Jerarquía

Piensa en la jerarquía como un sistema de orden o importancia visual. Si todo en la composición está luchando por el dominio, puede parecer abrumador. Del mismo modo, si nada destaca como punto focal, ¿a dónde miramos? ¿Cómo guiamos los ojos del espectador en la composición?

Observa, en el siguiente ejemplo, cómo el título destaca como punto focal: es donde empiezan los ojos. Del mismo modo, el cuerpo del texto juega un papel mucho más complementario.

Hierarchy ExampleHierarchy ExampleHierarchy Example

El ritmo y la repetición

Cuando las cosas se repiten, tienden a mezclarse entre sí. Piense, por ejemplo, en el papel pintado con dibujos. Los elementos que se repiten empiezan a parecer esperados y ambientales, como una parte más pequeña de un todo mayor.

También podemos utilizar la repetición para establecer una sensación de armonía, como tener elementos de pie de página que coincidan en varias páginas de un documento, o tener otros elementos visuales que se repitan constantemente.

En el ejemplo siguiente, observe que los círculos no varían. Se repiten y se sienten como un patrón continuo.

Rhythm ExampleRhythm ExampleRhythm Example

La variedad

A menudo veo la variedad como lo opuesto al ritmo y la repetición. No se trata de repetir, sino de mezclar las cosas y destacar. La variedad suele crear interés. Por ejemplo, observa a continuación cómo el gran rectángulo rojo destaca entre todos los triángulos grises más pequeños.

¿Por qué?

Este rectángulo es más grande, tiene un color diferente y una forma diferente, por lo que realmente llama nuestra atención.

Variety ExampleVariety ExampleVariety Example

El contraste

Una forma sencilla de describir el contraste podría ser "luz y oscuridad": son opuestos. Sin embargo, el contraste como principio de diseño es un poco más complicado que eso. Por ejemplo, también podemos utilizar el contraste para crear variedad o interés. Podemos utilizar el contraste para alterar la legibilidad y/o la visibilidad.

En el ejemplo inferior, fíjate en el fuerte contraste entre el blanco y el negro, frente a la menor intensidad de las muestras de gris.

Contrast ExampleContrast ExampleContrast Example

El equilibrio

El equilibrio, como suena, se refiere a un sentido visual de peso. Así, por ejemplo, si la mayor parte del contenido está en el lado derecho de la composición, el equilibrio se considerará probablemente asimétrico. Las composiciones también pueden tener un equilibrio simétrico o radial (como en la irradiación hacia fuera).

Sin embargo, el diseño suele ser más complicado que "poner todo a la derecha": se trata de la proximidad, las relaciones visuales y de asegurarse de que las partes de la composición estén equilibradas de forma unificada.

Balance ExampleBalance ExampleBalance Example

Proporción y escala

Cuando se piensa en la proporción, es posible que se piense en el tamaño de algo, especialmente en el tamaño en relación con otra cosa. Este principio de diseño también funciona así. Por ejemplo, el título de una composición puede ser mucho más grande que el cuerpo del texto. Podemos utilizar la escala, de este modo, para experimentar con estas relaciones de tamaño.

La proximidad y la proporción se agrupan a veces con estos principios, ya que se ocupan de las relaciones visuales que comparten las partes de la composición.

Por ejemplo, fíjate en que tanto el tamaño como la relación espacial que comparten las palabras "Hello There" hacen que parezcan una frase continua. Si añadimos espacio entre ellas, así como variación en la escala, de repente no se relacionan de la misma manera.

Scale ExampleScale ExampleScale Example

El enfasis

El énfasis es tu punto focal, es un punto de interés, donde quieres que tus espectadores miren. A menudo se consigue con la variedad, como hemos comentado antes, pero podemos emplear muchas estrategias diferentes para conseguir el énfasis.

Por ejemplo, fíjate en cómo el elemento floral "apunta" a la palabra "Título", está conduciendo nuestros ojos hacia allí, a través del movimiento. El mundo "Título" también es bastante grande y oscuro. Llama la atención.

Emphasis ExampleEmphasis ExampleEmphasis Example

El movimiento

Dicho esto, veamos el movimiento. Como su nombre indica, se trata de guiar los ojos de nuestro espectador a través de la composición. Piensa en las asociaciones preconcebidas del espectador. Muchos espectadores leen de arriba a abajo, de izquierda a derecha. Sin embargo, también podemos utilizar el color, el valor, la línea y una serie de elementos artísticos para implicar movimiento.

En el siguiente ejemplo, fíjate en cómo los tallos de las plantas parecen guiar a los ojos hacia el titular. Lo "señalan".

Movement ExampleMovement ExampleMovement Example

La unidad

La unidad es la línea de meta: quizá sea el principio de diseño más difícil de captar, porque es una sensación general de finalización. Todo está en su sitio. Todo está funcionando en conjunto para hacer una composición sólida que es visualmente accesible y atractiva.

Unity ExampleUnity ExampleUnity Example

Ejemplos de principios de diseño en uso

Señalemos los principios de diseño en un ejemplo del mundo real. Este diseño de cartel, a continuación, fue creado por Joe Caroff para West Side Story (la película de 1961).

Piensa en dónde van tus ojos inicialmente. Yo diría que el énfasis está en el título, que es muy grande y atrae nuestra atención.

Aquí vemos un interesante contraste: las figuras son las mismas, pero un conjunto es negro y el otro es blanco. Esto comunica visualmente la relación con la propia historia.

El equilibrio es asimétrico, lo que conduce a una estética más bien informal. Hay un movimiento interesante aquí, implícito en las formas de escalera. Observa la escala en la tipografía; ¿ves la jerarquía? El texto es cada vez más pequeño y crea un sistema de importancia (es decir, el título es más "importante" que algunos de los créditos suplementarios, en términos de visibilidad).

Mira qué otros principios de diseño puedes detectar aquí.

West Side Story Movie PosterWest Side Story Movie PosterWest Side Story Movie Poster
Poster de "West Side Story" (película de 1961), diseñado por Joe Caroff

¿Qué es una tendencia de diseño?

El arte de lucir bien

Pero el diseño es algo más que principios: también se trata de tener un aspecto estupendo, y "lo que tiene un aspecto estupendo" no es siempre lo mismo. Aspectos como la cultura, la época y la industria pueden influir en lo que se ve bien, o en lo que es popular.

¿Recuerdas lo popular que era la franela en los años 90? Bueno, puede que sí o puede que no, dependiendo de factores como el lugar donde vivías y la edad que tenías, y esa es la cuestión.

Aunque algunas tendencias visuales puedan parecer universales, es importante tener en cuenta que todos vivimos una experiencia que es la nuestra. Es importante tener en cuenta las experiencias y las ideas preconcebidas del espectador. Lanzarse a ciegas a una tendencia puede resultar en una dirección equivocada.

Tenemos que conocer a nuestro público para llegar a él.

Design TrendsDesign TrendsDesign Trends

¿Por qué son importantes?

La vida sería mucho más fácil si viviéramos en una pequeña burbuja, pero a menudo no es así como funciona el diseño, especialmente si es de naturaleza comercial. Si creas para ti mismo, bien, hazlo tú. Sin embargo, si diseñas para un mercado, suele ser una buena idea estar al tanto de lo que ocurre: ¿qué es popular? ¿Qué es interesante? ¿Qué estética está resonando en este momento? Y, sobre todo, ¿cómo se comunica el trabajo a este público, basándose en esta información?

Esto no quiere decir que debamos copiar ciegamente lo que es popular. Lo que digo es que es una buena idea estar al tanto de lo que sucede. Entonces, podemos jugar con esto, hacerlo nuestro. Incluso si optas por ir completamente en contra de lo que está de moda en este momento, la conciencia podría hacer que este enfoque sea aún más impactante.

Design TrendsDesign TrendsDesign Trends

Ejemplos de tendencias de diseño

En los años 80, el uso generoso del color (a menudo saturado o en tonos pastel) y la influencia geométrica eran una estética popular. Es algo que hemos visto resurgir con nostalgia.

Si, por ejemplo, quisiéramos diseñar algo que se inspirara en este sentimiento de nostalgia, tendríamos que tomar nota de lo que hace que esta estética "funcione": ¿cuáles son las señales visuales de manual que los espectadores esperarían ver? Si no entendemos una estética, probablemente no podamos captarla bien.

80s Inspired Design Typeface80s Inspired Design Typeface80s Inspired Design Typeface
Thunderstorm 80s Inspired Typeface por Aiyari - Envato Elements

El valor y la inspiración en lo "viejo"

Pero las tendencias van y vienen -lo vemos en todos los tipos de arte y medios de comunicación- y a veces la estética vuelve a aparecer.

¿Para qué molestarse si no va a durar?

Fíjese en esta obra de Wassily Kandinsky, titulada "Composición VIII", de 1923. Esta abstracción geométrica siempre me ha recordado al uso de la geometría que se hizo popular en los años 80.

Ciertamente, no son lo mismo, es seguro que el proceso y la intención de Kandinsky variaron (intensamente) de los de un diseño comercial de 1985, pero la experimentación con la geometría, su movimiento cuando se emplea en conjunto y con el color, es fundamental en ambos. La geometría puede ser muy expresiva y hermosa.

Lo que quiero decir es que la estética no tiene por qué "morir"; de hecho, a menudo tiene un valor continuado, incluso después de haber "pasado su momento".

Creo que es muy valioso observar el arte y el diseño del pasado, y eso es para los diseñadores en activo, no solo para los académicos.

Wassily Kandinsky Composition VIIIWassily Kandinsky Composition VIIIWassily Kandinsky Composition VIII
Wassily Kandinsky, "Composición VIII", 1923

Cómo se relacionan la teoría y la estética

Una asociación exitosa

Entonces, ¿cómo se relacionan las tendencias y los principios del diseño?

Yo diría que forman una asociación muy valiosa y exitosa. Cuando se emplean conjuntamente, podemos obtener una composición bien construida y visualmente interesante de forma especialmente relevante.

Pero, si conocemos los principios del diseño, ¿por qué prestar atención a las tendencias?

Pues bien, imaginemos un diseño bien compuesto, pero estéticamente fuera de lugar. Podría parecer aburrido o poco interesante.

Entonces, si conocemos una estética, por dentro y por fuera, ¿por qué preocuparse de la teoría?

Pues bien, imagina que te basas en las tendencias, pero no sabes muy bien cómo establecer la jerarquía o el énfasis en la composición. Podría ser un "bonito lío".

Design Trends and Design TheoryDesign Trends and Design TheoryDesign Trends and Design Theory

Tendencias y teoría del diseño

Para profundizar en esta idea, observemos el mismo diseño rehecho tres veces, todas ellas con una dirección estética diferente. Observarás que, desde el punto de vista de la teoría, el diseño en sí no es tan diferente: no se ha "movido" nada (aunque es difícil no tocar ninguno de los principios cuando se cambia una composición).

Este es nuestro diseño inicial. He creado un sencillo cartel de cine para una película llamada "The Design".

Example PosterExample PosterExample Poster

Ejemplo 2

Este segundo ejemplo utiliza colores vibrantes y una tipografía variada. ¿Cómo te comunica visualmente? ¿Qué asociaciones te hace pensar?

Example PosterExample PosterExample Poster

Ejemplo 3

Y aquí tenemos otra versión de este diseño. Tome nota de las cualidades comunicativas de los elementos visuales: trabajar desde esta perspectiva puede marcar la diferencia.

No obstante, recuerde que los aspectos comunicativos del diseño van más allá de nosotros mismos. A menudo tenemos que pensar en el público objetivo y en su perspectiva, no solo en la nuestra (a menos que se trate de un trabajo personal, por supuesto).

Example DesignExample DesignExample Design

Un ejemplo en tres composiciones

Ahora, tomemos la misma premisa y démosle la vuelta: la misma estética, pero con tres composiciones diferentes. Utilizaré las mismas imágenes, colores y tipos de letra, pero cambiaré las cosas utilizando los principios del diseño como guía.

En esta ocasión, he creado un sencillo cartel para un documental sobre el espacio.

Example PosterExample PosterExample Poster

Ejemplo 2

Fíjate en que la proporción y la proximidad de los elementos de este diseño se han modificado. Esto incluye la relación con la foto de fondo.

¿Cambia esto la forma de "leer" la información? ¿Hacia dónde se "mueven" naturalmente tus ojos?

Example PosterExample PosterExample Poster

Ejemplo 3

Y aquí está el último ejemplo. Esta vez, el equilibrio es asimétrico y se hace más hincapié en el eslogan.

Hay muchas cosas que podríamos hacer con esta composición. ¿Cuál crees que es la más acertada?

La cuestión es que los principios del diseño nos dan la teoría para crear una composición bien compuesta. En general, esto puede utilizarse y aplicarse a cualquier estética, cualquier proyecto, cualquier análisis.

Example PosterExample PosterExample Poster

Utilizar ambos para construir tu proyecto

La forma y la función fabulosas

Entonces, ¿Cómo podemos utilizar lo que hemos discutido aquí? ¿Cómo podemos emplear tanto la teoría como la estética de forma efectiva?

Personalmente, veo los principios del diseño como mis herramientas. Son la forma en que voy a construir esta casa.

La estética me ayuda a diseñar la planta. Los principios son mi medio para crear ese plano, pero la estética también tiene mucho que ver con ese proceso: ¿qué aspecto va a tener esta casa y por qué? Por lo general, no construimos una estructura sin intención y dirección.

ExperimentExperimentExperiment

La inspiración como punto de partida

Lee libros de diseño. Lee blogs de diseño. Echa un vistazo a los portafolios de otros artistas. Observa el mundo que te rodea, no únicamente como consumidor, sino también como creador.

Cuando empiezo un nuevo proyecto, sobre todo de diseño o de marca, me gusta empezar por la investigación. No te fijes solamente en los competidores, sino en todo tipo de cosas relevantes para tu público. Sé consciente de lo que es popular entre ellos. Incluso si estás haciendo un trabajo personal, puedes reunir contenido que te inspire y luego tratar de entender por qué.

Si quieres practicar más, intenta analizar algunas de tus obras favoritas. ¿Dónde ves los principios del diseño en acción? ¿Cuáles son las piezas clave de esta estética?

Design Principles and Design TrendsDesign Principles and Design TrendsDesign Principles and Design Trends

¡Principios y tendencias del diseño!

Gracias por acompañarme en esta exploración de los principios y las tendencias del diseño. Espero que lo hayas disfrutado y te deseo lo mejor en tus actividades creativas. ¡Feliz diseño!

Design Theory and Design TrendsDesign Theory and Design TrendsDesign Theory and Design Trends

Si te ha gustado este artículo, ¡quizás estos también te gusten!

  • Teoría del diseño
    Aplica los principios del diseño a tu vida profesional
    Daisy Ein
  • Branding
    Cómo crear tus propias directrices de marca
    Grace Fussell
  • Moda
    Cómo influye la moda en el diseño
    Melody Nieves
  • Adobe Illustrator
    La guía definitiva de las muestras de Adobe Illustrator
    Andrei Stefan
  • Tipografía
    5 secretos de tipografía para transformar tus diseños
    Grace Fussell
One subscription.
Unlimited Downloads.
Get unlimited downloads