Trabajar dentro de las limitaciones para lograr diseños geniales

Como los poetas haiku, podemos abrazar las limitaciones y al hacerlo crear hermosos diseños. Podemos elegir entender las limitaciones de los medios en los que trabajamos. También podemos imponer limitaciones artificiales poniendo restricciones estructuradas en nuestro trabajo para crear diseños unificados y exitosos. Revisemos algunas estrategias minimalistas para mejorar tanto tu trabajo de diseño como tu resultado final.

Elegir una paleta de colores limitada

Hay algunas técnicas simples que puedes usar para mejorar el uso del color. Estas técnicas no requieren una comprensión completa de la teoría del color. Collis nos da una fórmula simple para limitar las selecciones de color para crear un diseño de sitio web rápido y profesional. GoMediaZine tiene algunos consejos adicionales en su serie "Conviértete en un maestro diseñador". En cada caso, limitar la selección de colores demuestra la unificación del diseño.

Collis escribe sobre la selección de una paleta de colores limitada en el tutorial Diseñar una familia de diseños web en Photoshop. Por supuesto, ese tutorial está disponible para los miembros de Psdtuts+ Plus. Sin embargo, te daremos un vistazo al tutorial. El siguiente extracto es de la sección, Paleta de colores. A continuación, Collis da consejos para elegir una paleta de colores limitada.

"Una de mis primeras decisiones al diseñar un nuevo sitio es elegir una paleta de colores. Hay algunos buenos sitios que te ayudan a elegir un buen conjunto, pero a menudo se me ocurre uno propio experimentando. Una fórmula sencilla que a veces utilizo es elegir un conjunto de tonos neutros y un solo color de realce para aligerar la paleta. En este caso he elegido una paleta de colores beige-gris con un azul claro muy brillante como color de realce".

En el artículo, Conviértete en un diseñador maestro; Regla Dos: Limita tus colores, Bill en GoMediaZine dice esto acerca de limitar la selección de colores, "Reducir el número de colores que usamos en nuestro diseño hará que la pieza se sienta consistente. Básicamente, todo se verá como si fuera un conjunto". El artículo también toca brevemente los temas de la teoría del color como el valor, el tono y el rango de temperatura.

Limita el número de fuentes en tu diseño

Cuanto más se utiliza cualquier elemento, mayor es la dificultad de mantener la cohesión en tu diseño. Las fuentes chocarán rápidamente. Limitar la selección de fuentes mejorará el profesionalismo de tus diseños. GoMediaZine nos da ejemplos de cómo añadir varias fuentes se convierte en un problema rápidamente. Subtraction es un buen ejemplo de un sitio web que tiene una sensación de profesionalidad, mientras utiliza una selección mínima de fuentes.

Dentro de la misma serie mencionada anteriormente, GoMediazine tiene un artículo titulado, Conviértete en un diseñador maestro; Regla uno: Limita tus fuentes. Bill da algunos ejemplos claros de lo desordenado y poco profesional que puede llegar a ser un diseño con el uso excesivo de diferentes fuentes y diferentes tipos de caras de fuentes. Él dice: "La mejor manera de lograr un aspecto consistente en tu diseño es limitar el número de motivos artísticos (temas) que utilizas". Las fuentes que seleccionas son la primera variable que debes limitar. Normalmente me gusta elegir solo dos fuentes por diseño". Luego pasa a mostrar ejemplos de uso buenos, malos e incluso terribles.

El sitio web Substraction también se utiliza a menudo como un ejemplo de gran diseño web minimalista. En este caso, veamos las fuentes utilizadas en este sitio. Miré la hoja de estilos, y todo está hecho con una sola fuente, que es Arial para todo el sitio. Si Arial no está disponible, por defecto se utiliza otra fuente, y en última instancia a sans-serif. Por supuesto, hay diferentes tamaños, estilos y pesos, pero todas las variaciones se hacen con una sola fuente. Este sitio es un ejemplo de lo variado que puede ser el uso de una fuente, incluso cuando solo se utiliza una cara.

Limita el uso de elementos o efectos ilustrativos

Los elementos ilustrativos pueden dominar rápidamente un diseño. Los diseñadores necesitan incluir ilustraciones en sus diseños sin que esas ilustraciones dominen los elementos circundantes. Cuantas más ilustraciones se utilicen, más difícil es mantener este equilibrio. Estoy seguro de que todos sabemos que es exagerar con los efectos. Usar demasiados filtros de Photoshop puede hacer que un diseño pase rápidamente de ser elegante a parecer amateur.

En la página principal de Slice N Dice vemos que hay una ilustración de tamaño razonable. Le da al sitio un poco de marca y carácter. Le da vida al diseño sin dominarlo. Esta es una ilustración efectiva. Noten cómo está balanceada como la tercera de tres columnas, cada una de igual peso. También está anclado en el espacio vertical de esa fila.

Cuando se utilizan elementos y efectos ilustrativos en los diseños, es fácil exagerar. También me pasa a veces. La imagen de la izquierda es del tutorial que escribí titulado, "Cómo crear un efecto de medios tonos genial". Tal vez debería haberse llamado, Cómo crear una sobrecarga de efectos de medios tonos. Compáralo con una imagen final más refinada en el tutorial Cómo crear una silueta oscilante en Photoshop. Fíjate en cómo ambos diseños tienen figuras centrales con efectos aplicados a ellas. Nota cómo el ejemplo de la derecha parece más tenue y elegante.

Acepta las limitaciones del medio con el que trabajas

Cada medio tiene limitaciones inherentes. Ya sea en la pantalla, un pedazo de papel o una valla publicitaria, cada diseño tiene límites físicos en los que tenemos que trabajar. La impresión tendrá diferentes limitaciones que el trabajo en la pantalla. Por ejemplo, hay que tener cuidado con el borde de algunas piezas impresas. Es mejor no colocar información importante cerca del borde. Un corte desalineado podría eliminar una pieza preciosa de información. Se designa un área segura cuando se crean piezas como tarjetas de visita, periódicos o revistas.

En línea, tenemos que tener en cuenta limitaciones como la disponibilidad de fuentes y la baja resolución. Las limitaciones de ancho de banda siguen siendo aplicables y eran especialmente limitantes en el pasado. Todavía tienes que considerar la carga de la página en tus decisiones de diseño para la web, pero en el pasado esto era más limitante. Estas son solo algunas limitaciones. En cada circunstancia la mejor decisión es encontrar soluciones que funcionen dentro de estas limitaciones. Hubo muchos sitios que perdieron usuarios porque el sitio tardó mucho en cargarse. Los sitios Flash también tardaron bastante tiempo en adaptarse a esta tendencia de los usuarios.

En lugar de luchar contra estas limitaciones, es mejor aceptarlas. Considéralas como parte del problema de diseño que estás trabajando para resolver. No abordarías un proyecto de diseño para dispositivos móviles igual que otros proyectos web, ya que los tamaños de pantalla varían mucho. Cada problema tendrá sus propias limitaciones. Trabaja dentro de ellas.

Limita tu riesgo

Muchas de las técnicas que hemos discutido en este artículo ayudan a limitar el riesgo. Es más fácil lograr diseños exitosos que se basan en una filosofía minimalista, que lograr grandes diseños que intentan fusionar elementos dispares. Es más rápido elegir una paleta de colores limitada que trabajar con múltiples colores que pueden potencialmente chocar. Es más fácil trabajar con unas pocas fuentes, que intentar usar una docena. Es más probable que tengas un diseño profesional si utilizas efectos bien elegidos y cuidadosamente colocados o elementos de diseño ilustrativo. Ciertamente, adaptarse a los límites del medio elegido es mucho más fácil que intentar crear soluciones que amplíen las capacidades del medio.

Trabajar dentro de las limitaciones logra resultados profesionales rápidamente. Por supuesto, eso no significa que nunca debas crear diseños complicados o que no debas incluir la exploración visual dentro del proceso de diseño. Hay algunos proyectos que requieren más tiempo para crear un diseño único y complejo. Y claro, es divertido hacer este tipo de diseños, aunque es difícil encontrar clientes que acepten esta fase de exploración de un proyecto. A menudo, los diseñadores sueñan con encontrar este tipo de clientes. Cuando lo hagas, saborea y disfruta del proyecto.

Aunque es divertido crear diseños complejos y lúdicos, es probable que se te pida que crees diseños profesionales minimalistas en cualquier carrera de diseño que elijas. Como independiente, puede que te encuentres gravitando hacia este tipo de trabajo porque puedes mejorar tus resultados rápidamente. Cuanto más ocupado estés como diseñador, más riesgo asumirás al pujar por los proyectos. Si creas rápidamente soluciones profesionales, ganarás más dinero. Estos son algunos de los incentivos financieros que se encuentran en la adopción de enfoques minimalistas en tu trabajo de diseño.

Adopta una filosofía de diseño menos-es-más

Puede que ya hayas abrazado una filosofía de diseño menos-es-más, o puede que te cueste aplicar las técnicas discutidas en este artículo. Considera que mientras más elementos agregues, más difícil será lograr un diseño equilibrado, armonioso y efectivo.

Si estos conceptos son nuevos para ti, entonces considera probar algunas de estas teorías en tus próximos proyectos de diseño. A veces hay que atravesar un problema para entender la solución. Intenta crear un diseño con una abundancia de color, y luego compáralo con el mismo diseño con una gama de colores limitada aplicada. Intenta lo mismo con las fuentes, ilustraciones, efectos o cualquier otro motivo de tus diseños. Ten en cuenta una filosofía de diseño minimalista, que consiste en la noción de que los elementos pueden ser reducidos a lo esencial para lograr claridad.