El buen diseño crea unidad y luego la quiebra
Todos tenemos alguna comida que nos encanta y que disfrutamos mucho, sobre todo cuando vamos a ese restaurant en particular en donde tienen la mejor receta y logran el mejor sabor.
Cada vez que salimos a disfrutar de esa delicia nos sentimos realmente felices, ya que es una experiencia especial y muy reconfortante. Pero imagina por un momento que ese delicioso plato que tanto te gusta de pronto fuera lo único que puedes comer. Que te ves en la necesidad de alimentarte de lo mismo una y otra vez.
Por muy exquisito que sea el plato, puedo asegurar que al cabo de unos cuantos días ya te habrás aburrido y desearás comer algo diferente.
Así somos los seres humanos. Necesitamos la consistencia, la repetición, la estabilidad, la rutina, la certeza de saber que ciertas cosas son y seguirán siendo de un mismo modo para sentirnos seguros. Sin embargo, también necesitamos experiencias que nos hagan salir de la rutina, que agreguen algo de sabor a nuestras vidas y contrasten la uniformidad para no sentirnos encerrados.
Ambas partes de nuestra vida coexisten con cierto equilibrio. Si todo fuera estabilidad la vida sería completamente aburrida y si todo fuera únicamente cosas fuera de lo normal, sería tanto que no podríamos seguir el ritmo y, eventualmente, lo extraordinario se volvería ordinario.
Lo mismo pasa con el diseño
Un diseño lleno de colores diferentes, con elementos que resalten en cada centímetro, es un diseño que no será muy efectivo y, por el contrario, es muy probable que termine espantando a los espectadores.
Del mismo modo, un diseño completamente uniformado, en donde todos los elementos son iguales, sin nada que destaque, será un diseño aburrido, sin gracia y que, probablemente, no consiga mantener la atención del espectador por más de unos segundos.
El buen diseño existe en el equilibrio entre la consistencia y la variación.
La consistencia
En un diseño la consistencia es lo que nos hace sentir que lo que estamos viendo es parte de un todo. El hecho de que en una pieza los colores se repitan una y otra vez, que se use la misma fuente tipográfica en todas las partes o que se repita el mismo tipo de formas (líneas curvas por ejemplo) hace que todo el diseño se unifique.
La variación
La variación es todo aquello que dentro de un diseño rompe, de un modo armónico, la consistencia para dar paso a algo diferente, algo que resalta y capta la atención del espectador.
Cómo conseguir el equilibrio
Al momento de construir imágenes, la consistencia se usa para generar unidad en la imagen y la variación, habitualmente acentuada a partir del contraste, se usa para destacar lo importante, para guiar la atención del espectador hacia aquello que es más importante en la composición.
Veamos algunos ejemplos, en donde podemos ver estos conceptos aplicados claramente.
En esta ilustración, Pascal Campion hace un excelente uso de la consistencia en contraste con la variación.
Podemos ver cómo los colores fríos y las líneas verticales están presentes en toda la imagen. Estos elementos estilísticos hacen que toda la imagen hable un mismo lenguaje y, al mismo, tiempo sirven para darnos el contexto de que estamos mirando una escena urbana en un entorno frío. Luego, justo al centro, vemos un color cálido que destaca enormemente y cautiva nuestra atención de inmediato. Sin pensarlo, ya sabemos que la protagonista de la imagen es esa chica que viste la chaqueta roja.
En esta fotografía de Paul Nicklen, también podemos ver el concepto aplicado de manera muy evidente. ¿Quién es el protagonista de esta imagen, el pingüino de pelaje con colores o el resto de los pingüinos cuyo pelaje es igual? Claramente esta imagen se trata acerca del pingüino emperador adulto.
Hagámonos la misma pregunta con este retrato pintado por John Singer Sargent ¿Qué es lo que quiere el artista que observemos como protagonista? ¿Será acaso la ropa del retratado o la silla en la que se encuentra? Claramente el protagonista de este cuadro es el rostro, y lo sabemos de inmediato al notar el contraste que hace con respecto al resto de la imagen que es muy sombría y uniforme.
¿Y cómo se aplica esto al diseño web?
Así como estos artistas han conseguido sacar provecho a este concepto, nosotros, como diseñadores web, también podemos hacerlo.
Lo que debemos hacer es darle uniformidad a nuestro diseño, haciendo que el estilo de la mayoría de los elementos sea uniforme, que los componentes principales estén tan unificados como sea posible, cuidando, por supuesto, el no hacer que nuestro diseño sea aburrido.
Luego debemos identificar qué es lo más importante del diseño ¿Será acaso el llamado a la acción? ¿Será acaso el formulario de suscripción? ¿Será el título o la imagen destacada? La respuesta varía en cada caso, pero lo importante es que identifiques lo más relevante y hagas que destaque, agregando contraste y variedad sobre la uniformidad.
En un artículo que leí hace algunas semanas, el diseñador Rafal Tomal explicaba muy bien cómo usar el contraste para generar llamado a la acción efectivos:
Ejemplos
http://www.chrisducker.com/youpreneur/
Observa como en este diseño, también creado por Rafal Tomal, la zona que más destaca y llama la atención es la que invita a registrarse. Claramente es el aspecto más importante del contenido y allí es donde quiere capturar nuestra atención.
https://www.campaignmonitor.com/
Fíjate cómo en esta página todo oscila entre los tonos grises y azules, sin embargo, los elementos que más contraste generan son los botones verdes que invitan a registrarse.
http://franciscoamk.com/curso/temas-wp/
En esta landing page, entre varias otras cosas, busqué aplicar este concepto. Podrás notar cómo los elementos de la página juegan entre el gris azulado del texto y el naranja de los enlaces, pero al llegar a los planes es la única zona en donde verás botones verdes.
Conseguir consistencia en tu diseño y contrastarla con algo de variedad es solo uno de las recursos que puedes usar a la hora de crear diseños efectivos, pero sin duda, es uno de los más potentes.
Te invito a observar todas las creaciones que te parecen efectivas a tu alrededor, ya sean de arte o diseño, analízalas y trata de encontrar este concepto aplicado. Estoy seguro de que lo encontrarás en muchas de ellas.
Un abrazo,
@FranciscoAMK