Fundamentos de diseño: Expresa claramente tu intención

Cuando estés diseñando algo, expresa claramente tu intención.

Cuando tu intención sea alinear elementos, usa guías y retículas. Ajusta al milímetro, al pixel.

Cuando no alinees, separa tus elementos lo suficiente como para dejar clara tu intención.

fd_alineacion

Un corolario de este fundamento es el siguiente:

Si un elemento de tu diseño no tiene intención, plantéate si lo necesitas

Y tú: ¿qué fundamentos de diseño quieres compartir? Añádelo a los comentarios (o publícalo en tu blog :)

Typotheque

Desde que descubrí el trabajo de Typotheque hace años soy fan total de todo lo que hacen.

Sus diseños aúnan cualidades técnicas, artísticas y funcionales en una combinación que merece al 100% el título de “Tipografía” (más allá del “diseño de fuentes”)

Algo que siempre me ha llamado la atención del material que generan Peter y Johanna Biľak es su extremada atención al detalle. Si has tenido la suerte de recibir alguna de sus piezas promocionales en papel verás que el continente está tan bien pensado como el contenido.

Recuerdo espcialmente el poster de Jigsaw (disponible en su tienda online), que enviaron para la presentación de la susodicha tipografía.

Sus “Typotheque Specimens” son una maravilla de producción gráfica, impresos magníficamente, y probablemente ni siquiera merezcan el calificativo de “material promocional”.

Ayer recibimos en la oficina un pedido que hicimos a su tienda online:

Typotheque Bling Bling

En la imagen, “Detail in typography”, “The Elements of Typographic Style”, Multicolor sketchbook, Pocket calendar / sketchbook 2009 y de fondo Typotheque Monthly Planner.

A “Detail in typography” tendría que dedicarle un post entero. Es, por resumirlo de alguna manera, una auténtica joya de la literatura tipográfica. Diseñado por su autor, tiene una de las encuadernaciones más bonitas que he tenido la suerte de ver. El contenido está a la altura del diseño, y en ocasiones llega a emocionar tanta pasión y atención por el detalle más puñetero (el capítulo que habla del kerning es particularmente brillante).

El “Elements…” no lo he empezado aún, pero sólo diré que tiene una parte que habla de “retículas tipográficas y su relación con las escalas musicales”.

Del material de escritorio diré que, en su conjunto, te hace desear que todo el mundo se tomara su trabajo como Typotheque se toma el diseño y producción de sus cositas.

Hasta la factura en papel es una pieza de museo…

Los gastos de envío de la tienda no son baratos, y los productos que venden tienen un precio que sólo te parecerá razonable si ya has tenido algo suyo en las manos. Pero si puedes, pídeles algo aunque sólo sea por tener en tus manos un pedacito de historia del diseño de este siglo.

Lectura recomendada: Change Order

Si no tienes problemas con el inglés, y te interesa el mundo del diseño desde el punto de vista del proceso (“metadiseño”, si quieres) añade inmediatamente este blog a tu lector de feeds: http://changeorder.typepad.com/weblog/

Si sólo tienes tiempo para leer dos posts, estos son francamente interesantes:

Querido empresario…

…si te preocupa la imagen de tu empresa, cuelga en alguna parte de su web la imagen corporativa en formato vectorial.

Los diseñadores del mundo te lo agradeceremos, y no tendremos que usar esos amasijos de pixels que algunos se empeñan en llamar “logos” para “ponerlos destacados en la web”.

Gracias.

Blogs de diseño, vol. 1

A petición popular (dos, de momento : ) voy a compartir una lista de algunos blogs de diseño que tengo en Google Reader. Algunos son clásicos, algunos los tiene todo el mundo, y alguno acabo de añadirlo. (Casi) ninguno es el típico blog de “mira qué cosa más chula he encontrado”, porque de esos seguro que tienes mil, y porque una de las cosas más bonitas del diseño es leer sobre él.

Aquí van, sin orden ni concierto:

  • Crónicas de Pseudonimma El blog de Álvaro Sobrino, que ha sido un descubrimiento reciente. Conocí a Álvaro en 1997 en el grupo es.comp.artes-grafics, y desde siempre ha sido un placer leerlo. Su blog habla de diseño gráfico en casi todos sus aspectos, con ese enfoque que sólo alguien de su talla puede aportar.

  • A Brief Message Publica con periodicidad irregular pequeños ensayos (menos de 200 palabras) sobre diseño, y es uno de esos blogs que hay que leer visitando la web (sólo estoy suscrito al feed para enterarme de cuándo actualizan). Normalmente, los comentarios son casi tan interesantes como los posts.

  • Design Observer Un blog con 11 autores, que parece que compiten a ver quién publica el mejor contenido. Ensayos, y artículos informativos sobre historia del diseño. Un obligatorio.

  • DesignNotes Como un “blog de links”, pero de mucho nivel y con comentarios sabrosos.

  • ideasonideas Llegué aquí por el (demoledor) artículo “Fuck style” y fue amor a primera lectura. Eric Karjaluoto, el autor, es Director Creativo en smashLAB, la empresa que está detrás de Design Can Change

  • makememinimal Descubierto gracias a Javier Cañada, según los autores es un “weblog colaborativo de un grupo de mediocres que hablan y opinan sobre diseño en el mundo real, palabrería y estandarización”. Reflexiones sobre “diseño” (en sus acepciones más amplias) con un tono que, personalmente, me encanta.

  • Monoscope Como un Tumblr de diseño: una imagen, un link, y (a veces) una frase. Nada más. Y nada menos.

  • Quipsologies Una colección de enlaces comentados, sobre todo lo que huela a diseño. Tienen dos feeds, uno de enlaces publicados por los autores y otro de enlaces enviados por la comunidad.

  • Speak Up > Design Dialog De los mismos autores de Quipsologies, un blog con mucha sustancia (i.e: a veces es un poco denso : )

  • Interacciones El blog de Ariel Guersenzvaig, Cap del área de diseño de interacción y gráfico de la Escuela Universitaria de Diseño Elisav, y desde hace poco director del Observatori del Disseny del FAD (un proyecto que, oye, me da mucha envidia : )

  • La libroteca de Visual Porque nunca se tienen demasiados libros de diseño : )

  • Letritas El único blog de tipografía que voy a poner en esta lista (ya haré una de blogs de tipos). El contenido, el tono y las ilustraciones hacen que leer este blog sea una auténtica delicia.

Y creo que de momento ya está bien : )

Fundamentos de diseño: La Regla de 0-1-n

Preparando mis notas para unas clases que daré próximamente, me doy cuenta de que tengo un mini artículo pendiente de publicar sobre el “diseño para la incertidumbre”: la Regla de 0-1-n.

Es un teorema/principio/hipótesis/regla empírica, que tiene sus raíces en el mundo de la programación. Mi fuente de inspiración fue el Wiki de C2 (una joya de la información, por cierto)

La regla, en su versión diseñosa, viene a decir:

Cualquier elemento de diseño puede existir cero, una, o infinitas veces.

Destripemos la frase un poco:

Cualquier elemento de diseño se refiere a “cualquiera”. Iconos, botoncillos, cajas de texto, elementos de menú…

puede existir cero quiere decir que no existe. Punto pelota. “El site no tiene menú a la izquierda”. “No hay buscador”. “Un post nunca llevará una imagen”

una quiere decir 1, la unidad, sólo uno de ese tipo. “El logo estará arriba a la izquierda”. “La caja de búsqueda estará arriba la derecha”.

o infinitas veces pasando del 1, el resto de los números no significan nada. Si el blog tendrá más de 1 post en portada, debería poder tener 5, ó 20, ó 500.

Un porcentaje muy importante de los problemas de diseño* que me encuentro tienen su raíz en no observar esta regla. No importa que hayas definido que tu portada de periódico tendrá 2 destacados. Mañana sucederán 5 cosas tan importantes que tendrán que destacarlas en portada.

* “diseño” se usa aquí en su acepción más amplia, incluyendo arquitectura de información y HCI.

Mi consejo es bastante simple: el único número al que deberías cogerle cariño es el 1. Los demás no existen. Invierte tu tiempo diseñando sistemas flexibles que admitan crecimiento ilimitado, no en cuadrar pixels para que quepan las 3 promos en el ancho de la columna ;)

Sobre el diseño y su contexto

Genial artículo de Jonathan Baldwin en Speak Up sobre cosas que ya sabemos sobre el diseño pero que nunca está de más recordar: “Pizza Flyers: The Height of Good Graphic Design?”

Los tres puntos clave del artículo (qué es el diseño en realidad, qué se entiende por “buen diseño”, y cómo el contexto define tu producto) se resumen en la frase que, en mi opinión, es el corazón del post:

the real reason pizza flyers look the way they do is because that’s what pizza flyers are expected to look like

Para leer con calma y recordar cuando diseñemos ; )

Un par de concursos de diseño

Vaya por delante que no soy muy partidario de los concursos de diseño, ni del “diseño de muestra”, ni de “enviar un par de propuestas de diseño con el presupuesto” (para una explicación más sesuda, recomiendo una visita a no-spec.com :)

Dicho esto, ahora mismo están en marcha un par de concursos que creo que merecen la pena, por dos motivos diferentes.

El primero, porque es para un proyecto/producto Open Source que hace más fácil la vida de muchos programadores (y de muchos vagos profesionales, yo incluido): el Ruby Logo Contest

Y el segundo porque muy pocas veces he visto un concurso con un briefing tan detallado, una explicación tan clara de lo que necesitan y tanta información sobre el contexto en que se va a usar el diseño: el Open Logo Project 1.6

Ruby Logo Contest

Es bastante loable que un proyecto Open Source tenga un Equipo de Identidad Visual y publique un Kit de Logo con licencia Creative Commons.

Lo que no es tan loable es el escaso briefing del concurso (atención):

We need an official Ruby logo to promote Ruby, so we open a contest to select it.

Así que aquí va mi personal interpretación del asunto…

Ruby tiene una imagen bastante potente (para ser un lenguaje de programación, claro). Casi todo el que sepa algo del mundillo asocia un diamante rojo con Ruby.

ruby_logo_128.png

El problema del logo de Ruby (sospecho) es que, a medida que su uso se ha extendido en el ámbito empresarial, se han ido descubriendo sus limitaciones (demasiado recargado, poco “enterprise”, no transmite cualidades del lenguaje o atributos de la marca…)

Esto, unido al pequeño caos de imaginería para congresos, libros, charlas, frameworks… provocan que la imagen de Ruby aparezca fragmentada y no exista la conciencia colectiva de “ESTO es el logo de Ruby”

En mi opinión, lo que Ruby necesita (y para lo que convoca el concurso) es una imagen de marca / “sello de garantía”, al estilo del “Made for iPod” de Apple

made_for_ipod_logo.jpg

o del “Certified for Vista” de Microsoft

certified-for-vista-label.png

Algo que además de ser su logo pueda usarse en un cartel de la RailsConf junto a la lista de patrocinadores, o como un sello de calidad en un libro, o…

El plazo termina el 1 de Octubre de 2007, y el premio es de ¥100.000 (unos 640 euros, al cambio de hoy)

Open Logo Project 1.6

SpreadShirt es una de las mayores “tiendas de tiendas” de Europa. Están especializados en la fabricación y distribución de productos textiles (i.e: hacen camisetas :) y desde hace tiempo son el partner logístico de La Fraise

Con un curriculum así, uno podría pensar que están capacitados para contratar a un buen diseñador/estudio, hacerle el encargo, mandarle el briefing, reunirse, retocar propuestas…

Pero si hay algo que SpreadShirt ha aprendido ayudando a montañas de diseñadores a vender sus diseños en camisetas es que el mundo está lleno de gente muy buena a la que no conocen.

Si acabas de terminar tus estudios, o tienes poca experiencia, o te aburre tu trabajo y te sobra tiempo, o te seducen los premios del concurso (mal motivo, en mi opinión :) el concurso de SpreadShirt tiene dos cualidades que lo hacen muy interesante:

  • El briefing es muy bueno. Mucho mejor que el briefing standard del mundo real. Échale un ojo para ver cómo tendría que ser la especificación de un trabajo, tanto si vas a participar como si no. Además del briefing, puedes consultar un extracto del informe de investigación de mercado de SpreadShirt (y el informe completo, una vez lo publiquen oficialmente)
  • El proceso de revisión de diseños es abierto. Puedes ver qué están haciendo otros participantes, criticar sus diseños y (lo más interesante) recibir críticas del tuyo. La crítica de diseño es lo más difícil de este trabajo, tanto si la haces como si la recibes. Y por eso los buenos directores de arte cobran lo que cobran :)

El plazo termina el 14 de Octubre de 2007, y los premios no te dejarán indiferente si te gusta esta profesión :)