El pasado viernes 6 de julio tuve el inmenso placer de impartir una clase a los alumnos del Programa Vostok
En principio, el tema de la clase iba a ser “Diseño con Retícula”. Y este iba a ser el clásico post de “aquí está el PDF de la presentación”.
Pero ni el título es correcto ni el PDF tiene sentido si no estuviste allí, así que este será el ya-no-tan-clásico post de “voy a intentar contar de qué hablamos, a ver si tiene sentido” :)
Aquí está la primera diapositiva de mi presentación:
Empezamos mal… pensando en el título, me di cuenta de que hablar de “Diseño con Retículas” es casi lo mismo que hablar de esto:
Es por ello que, 13 minutos antes de mi clase, decidí que este era un título mucho más apropiado:
¿Cómo que la belleza está en las matemáticas?
Me explico…
A veces me gustaría pensar que la profesión del diseño (así, en general) se parece más a una ciencia que a una artesanía. De vez en cuando leo frases como esta:
Somewhere along the way an idea for the design pops into my head from out of the blue. I can’t really explain that part; it’s like magic — (De algún artículo de Design Observer)
Y la cita, aunque bella, no puede ponerme más nervioso… la idea del diseño como un producto exclusivo de la inspiración y el “talento” (signifique lo que signifique) va en contra de la propia definición de diseño (de una de las 3500, claro :).
En este contexto, el diseño es la solución (gráfica, conceptual, material…) a un problema (gráfico, conceptual, material…) que resulta de aplicar las reglas básicas de comunicación que sean compatibles con las limitaciones de ese proyecto.
¿Quiere esto decir que el diseño es una colección de fórmulas? ¿Que un cacharro hábilmente programado puede resolver un problema de diseño?
Y la respuesta a las dos preguntas es “No, pero casi” (o “No, pero en muchos casos nadie notaría la diferencia” :)
Dicho de otra forma: si has podido aprender matemáticas, puedes aprender a diseñar.
Si además has descubierto que la proporción entre los lados del rectángulo estadísticamente “más bonito” es la proporción áurea, que las curvas que menos “chirrían” corresponden a una fórmula matemática, y que los tamaños de las tipografías se miden con números y no con tallas, entonces llegarás a ser un buen diseñador.
Resumiendo: en tu arsenal de herramientas, tienes que tener una calculadora :)
Alguien que de esto sabía bastante era Charles Eames, y para profundizar un poco más en el tema de “qué es el diseño” es totalmente recomendable leer la entrevista que publicó la revista ARQ en diciembre de 2001.
En ella, Eames expone la idea del diseño como plan.
Y, volviendo al tema original de la clase:
La retícula como plan: tus amigas las limitaciones
Eames, mente preclara donde las haya, nos da en esa entrevista una de las claves fundamentales a la hora de diseñar: es obligación del diseñador buscar las limitaciones que atañen a nuestro proyecto.
“Limitación” es una palabra con ciertos tintes negativos. Impresión limitada a dos tintas. Diseño limitado a 800×600. Proyecto limitado en presupuesto. “No podemos hacerlo por una limitación de la plataforma…”
Y en este punto no puedo dejar de citar a Manuel González Noriega, autor de una de las mejores frases que he leído jamás sobre el diseño web:
La gente que afirma que son los estándares web lo que les limita como diseñadores son muy parecidos a la gente que afirma que es la Ley de la Gravedad la que les limita como bailarines clásicos
Pues eso, que acabarás descubriendo que son justo las limitaciones lo que hace interesante este trabajo. Y por eso, cuando un proyecto no tiene bastantes limitaciones nos inventamos las nuestras: la retícula :)
La retícula, esa gran desconocida
Una retícula no es más que una colección de guías que nos sirven para definir la posición de los elementos en un diseño. Simple, ¿no?
La belleza en el estilo, la armonía, la gracia y el buen ritmo dependen de la simplicidad – Platón
Cuando estás diseñando con grandes cantidades de incertidumbre (por ejemplo, un periódico), la retícula se convierte en una herramienta vital para dotar de orden y armonía al conjunto.
Un ejemplo:
Si piensas en adjetivos para esta ilustración, casi seguro que “claro” y “ordenado” están entre ellos. Y eso es así (aparte de por el “estilo infografía” :) porque los elementos de la ilustración están dispuestos en una retícula como esta:
Bonito, ¿verdad? :)
Muchas veces, “ver” la retícula que se ha usado en un diseño es un poco complicado. Lo que no te costará ningún trabajo es ver cuándo no se ha usado una retícula…
Se me quedan en el tintero algunos temas interesantes que debatimos en clase (¿cómo se crea una retícula? ¿ordenador o papel? ¿de verdad se usa? ¿es la retícula un entregable de diseño?) pero para no hacer este post infinito termino con la siguiente bibliografía:
- Müller-Brockmann, Josef. Grid Systems in Graphic Design. Ed. Niggli: 1996. ISBN 3721201450
- Rudolf Bosshard, Hans. The Typographic Grid. Ed. Niggli: 2002. ISBN 3721203402
- Elam, Kimberly. Geometry of Design, Studies in Proportion and Composition. Princeton Architectural Press: 2001. ISBN 1568982496
- Elam, Kimberly. Grid Systems: Principles of Organizing Type (Design Briefs). Princeton Architectural Press: 2005. ISBN 1568984650
- Samara, Timothy. Making and Breaking the Grid: A Graphic Design Layout Workshop. Rockport Publishers: 2005. ISBN 1592531253
Y para los que estuvieron allí, ahora sí, el PDF de la presentación en clase.
la clase estuvo genial! :)
Otra vez Gracias Ale, bello post. ;) El c
el post también está genial :)
gracias por compartirlo!
Es posible que un ordenador pudiera crear un buen diseño siguiendo los patrones de proporciones áureas, rejilla, curvas bezier, etc.
Pero creo que un gran diseño nace de la capacidad del ser humano no para seguir unas reglas matemáticas (presentes en la naturaleza, por otro lado) sino para saber saltarse esas reglas. Y eso, difícilmente puede hacerlo una máquina :)
Al final elegiste un título precioso, lo incluyo en mi blog. Un saludo
Muy interesante tú articulo sobre las retículas, habrá que ir comprando la bibliografía para profundizar más.
Un saludo, gracias por compartirlo.
Genial la reflexión.
Supongo que conocerás esta presentación de Khoi Vinh y Mark Boulton. Grids are good: http://www.subtraction.com/pics/0703/grids_are_good.pdf
Toda una clase magistral y práctica sobre como rediseñar (o realinear) un site utilizando la retícula.
The “grid” will make us free!
Sergio » sí que sí (de hecho la tenía en la colección de enlaces recomendados que al final no puse en el PDF… tengo que actualizar el post : )