El reciclaje de las pequeñas cosas

Richard Saul Wurman y la arquitectura de la información

  

Understanding USA es la última publicación de Richard Saul Wurman donde aplica la lógica de presentación de datos pregonada por la arquitectura de la información a través de la exposición infográfica de distintos indicadores sociales estadunidenses.

Wurman es uno de los pioneros en acuñar el concepto arquitectura de la información quien en 1975 lo definió como: "El estudio de la organización de la información con el objetivo de permitir al usuario encontrar su vía de navegación hacia el conocimiento y la comprensión de la información".
Hoy en día este concepto tiene un alcance más general y su manejo sobrepasa la publicación impresa y digital para concentrase en la construcción de "interfaces de dispositivos móviles o gadgets (como los iPod), CDs interactivos, videoclips digitales, relojes, tableros de instrumentos de aviones de combate o civiles, interfaces de máquinas dispensadoras, interfaces de juegos electrónicos, etc." (Wikipedia).

Desde hace tiempo Wurman ha luchado por hacer de la información un bien comprensible y en la actualidad su concepción cobra mayor relevancia pues el crecimiento exponencial de información por medios digitales exige disponer de una metodología adecuada para la presentación inteligente y asimilación de datos.

Genevieve Gauckler

Algunos trabajos de la diseñadora francesa Genevieve Gauckler, no se si son exactamente trabajos de infografia, pero tienen una paleta de colores muy interesante y la propuesta de sus personajes tambien es increible.

Iconografía

 

En este video podemos ver una pequeña intoducción sobre el tema de la iconografía. Un resumen de la historia de la iconografía y por qué usamos los iconos de hoy.

Infografía sobre agua virtual

Virtual Water es un cartel y una aplicación para el iPhone, que tiene información sobre el agua virtual. Es un proyecto muy interesante de infografía resuelto con siluetas muy claras y sencillas.

http://virtualwater.eu/

 

Símbolos y señales

Este sistema de 50 símbolos fue diseñado para su uso en aeropuertos y otros centros de transporte y en grandes eventos internacionales. Producidos en colaboración con el AIGA y el Departamento de Transporte de EE.UU. (DOT),  son un ejemplo de cómo la mente del público los diseñadores pueden abordar una necesidad de comunicación universal.

Antes de este esfuerzo, numerosas organizaciones internacionales, nacionales y locales habían ideado los símbolos para orientar a los pasajeros y peatones en los medios de transporte. Si bien se habían producido grandes avances individuales, no existía un sistema de signos que comunicará de una manera normalizada a nivel internacional estos mensajes tan complejos, dirigidos a personas de diferentes edades y culturas, y claramente legible a una distancia.

Para desarrollar este sistema, AIGA y DOT. elaboraron un inventario de los sistemas de símbolos que habían sido utilizados en diversos lugares del mundo, desde aeropuertos, estaciones de tren y los Juegos Olímpicos. AIGA designó un comité de cinco diseñadores de gráficos ambientales, quienes evaluaron los símbolos y formularton recomendaciones para la adaptación o el rediseño de ellos. Sobre la base de sus conclusiones, un equipo de diseñadores miembros de AIGA produjo los símbolos.

Una primera serie de 34 símbolos fue publicado en 1974 y 16 símbolos más fueron agregados en 1979. Estos símbolos sin derechos de autor se han convertido en el estándar para los símbolos en sistemas de señalización. Ahora están disponibles en la web por primera vez.
  
Todo el set de símbolos esta dispobile en vectores en la siguiente liga:
http://www.aiga.org/symbol-signs/
 

Iconografía

En el sitio The noun Project selets, pueden encontrar en forma organizada símbolos y pictogramas que forman el lenguaje visual del mundo.

http://thenounproject.com/

10 consejos para hacer infografías

1. INFORMAR

En la infografía periodística, el periodismo manda. El fin del gráfico es informar. El diseño en esta disciplina debe ser una herramienta y nunca un fin. El rigor y la comprensibilidad debe estar siempre por encima de la estética. Caer en el espectáculo por el espectáculo es pan para hoy y hambre para mañana.

2. ORGANIZAR LA INFORMACIÓN

El contenido debe estar muy bien organizado para que el lector siga un orden lógico.

3. COLOR

Para conseguir esa información el color debe ser nuestra principal arma. Aunque sea en blanco y negro. Usar tonos neutros claros y marcar con un rojo o un negro la ‘línea a seguir’ resulta siempre efectivo


4. CLARIDAD

Para que ese color sea útil en la organización, nuestro gráfico tiene que ser claro.

5. SHOW DON’T TELL (MUESTRA, NO DIGAS)

Es una máxima. Las publicaciones están están llenas de texto. Para hacer un gráfico, usemos lo visual.

6. COMPARAR

Es básico dar contexto. La infografía ayuda mucho a esto. Las comparaciones acercan al lector una información de otro modo difícil de comprender. Un ejemplo: El paseo de Buzz y Aldrin en la Luna. Recorrer tantos miles de Km para un paseo de menos de 100 m.


7. NO ROMPER LAS ESCALAS SI NO ES ABSOLUTAMENTE NECESARIO

Muchas veces, en tema económicos se tiende a partir o falsear la escala para exagerar la tendencia. Eso es mentir.

8. DOCUMENTACIÓN

Para hacer todo esto es necesario una gran cantidad de datos. Un gráfico necesita más información que texto. Por ello, un gráfico jamás puede ser un relleno cuando no hay información. Un texto puede decir ‘ en el norte de Somalia’. Un gráfico necesita saber el punto exacto.

9. ALIARSE CON LOS REDACTORES

En todo trabajo, el equipo es básico. En este, en el no sabemos exactamente lo que quiere el cliente (lectores) lo es aún más, ya que la percepción es subjetiva

10. APRENDER.

Estar al tanto de las nuevas corrientes, de diseño y de periodismo. No pensar que ya se sabe suficiente. Eso es un error en cualquier campo, pero más aún en un producto cuya duración máxima es de un día

Definición de infografía

El término Infografía se deriva del acrónimo de información + grafía. Es un término periodístico que tiene como objetivo informar de manera diferente, por medio de dibujos, gráficos, esquemas, estadísticas y representaciones. Por lo tanto, es un medio de comunicación que llega al receptor de forma visual, Nigel Colmes, uno de los infografistas más prestigiosos del mundo, define este término como: "hacer entendibles los números, los procesos y los hechos".

Muchas veces se utiliza la infografía para poder explicar temas, en los que se utilizan lenguajes técnicos como en ciencias naturales,medicina, economía, etc. Ya que, se ha comprobado que el lector presta más atención a lo visual, y en especial a los infogramas. Se dice que para que las infografias lleguen a ser elementos bien estructurados, deben contar con un gráfico y, pequeños textos explicativos. Como consecuencia, se hace más rápida la composición, haciéndolos más efectivos que un mapa un dibujo o una foto.

Se dice que, Leonardo Da Vinci, uno de los grandes pintores del renacimiento, anotaba sus ideas sobre investigaciones realizadas en forma de dibujos claramente explicativos. Por lo tanto este pintor, que también fue ingeniero e inventor, utilizó la infografía sin notarlo. Otro ejemplo es el de Nicolás Copérnico; Quien en 1543 usó la infografía. Cuando desarrolló un gráfico con el que mostraba el cambió en el concepto tradicional del universo. Por medio de esta infografía se empezó a desarrollar la astronomía moderna. Inclusive se cree que, los planos y esquemas de los arquitectos y constructores, junto con los primeros mapas, fueron los primeros infografós.

22 consejos sobre tipografía

Veintidós consejos sobre tipografía (que algunos diseñadores jamás revelarán), Editorial Actar, es un pequeño pero sustancioso "manual" sobre dicha especialidad, publicado por el diseñador Enric Jardí y en el que, como su propio nombre lo indica, se establecen 22 pautas básicas para el manejo de los tipos. El autor ofrece algunas pistas de sentido común en cuanto a legibilidad (como el tamaño, la composición de párrafo). Sin embargo, expresa que en el ámbito de la tipografía hay pocas verdades estáticas y que el libro sólo se orienta hacia el uso actual de los tipos, ya que aunque es evidente que los tipos no cambian, su utilización y preferencia para ciertos usos se modifica con el paso de los años. "Durante todo este tiempo la Meta no ha cambiado, no se lee ni mejor ni peor, es la misma. Los que hemos cambiado somos nosotros".
A continuación, una breve síntesis de cada uno de los consejos. En una próxima entrada, la otra cara del libro que se titula Veintidós cosas que nunca debes hacer con las letras (que algunos tipógrafos nunca te dirán).
1. Escoge un par de letras: Como mucho tres tipos, ya que es preferible jugar con el contraste, el ritmo, la simetría o el movimiento. Muchos tipos son muchas voces, así que una buena solución es el uso de una familia tipográfica multiestilo.
2. Procura que el tipo de letra no comunique algo que no deseas comunicar: Un estilo de letra expresa algo por sí mismo. Si no sabes cuál tipo elegir, escoge por lo menos uno que no comunique algo que no quieres.





3. Escoge la letra según el tamaño necesario: Los tipos están diseñados para tamaños específicos, esto podemos verlo en que las letras para cuerpos pequeños tienen una estructura más ancha y una diferencia de alturas entre mayúsculas y minúsculas menor que los tipos creados para titulares. Además, tienen formas más abruptas y sus partes finas son más gruesas. Lo ideal es fijarse en estos detalles y seleccionar un tipo adecuado para el texto.
4. Usa tipos para tu idioma: Hay que asegurarse que el tipo tiene todas las letras y caracteres necesarios para la lengua y la materia del texto.
5. Igualar tamaños cuando se utilicen dos tipos distintos: El mismo cuerpo en tipos distintos no siempre genera tamaños iguales, por lo que se deben ajustar los cuerpos para que las letras aparezcan iguales y combinen entre sí.
6. Asegúrate de que tu tipo llegue hasta el final: Como puede ocurrir que el tipo no llegue hasta el final del proceso (sea de impresión, publicación web, etc.), y que sea reemplazado por otro que no es el deseado, hay que tomar medidas para evitar que esto suceda: adjuntar las fuentes, utilizar programas de conversión de caracteres en vectores, emplear un tipo que esté instalado en todos los sistemas operativos cuando hablamos de web, fijarse en la vista del navegador. En definitiva, es imprescindible hacer un seguimiento de la fuente.
7. No toques demasiado los valores por defecto: Procurar no modificar los valores naturales de los caracteres. Sin embargo, hay excepciones en las que pueden ser favorables ciertos cambios como el cuidado del espacio entre caracteres con la edición de kearning de pares.
8. Si te dejan, compón a caja izquierda: Alinear el texto a la izquierda de la caja y sin justificar, y si es conveniente cortar palabras. Aunque esto riñe con la creencia de que el texto justificado está ordenado, se basa en que para la justificación es necesario alterar los espacios entre palabras y entre caracteres.
9. Empieza por el cuerpo de texto: Es fundamental escoger el cuerpo de texto principal, en especial, su tamaño. Hay dos principios básicos a tener en cuenta: uno práctico relacionado con favorecer a la vista para la lectura y con el mantenimiento de jerarquías como titulares o entradillas; y otro estético según el cual debe mantenerse un contraste entre tipos (no deben ser demasiado parecidos). Un truco consiste en agrupar al máximo los cuerpos y contrastar con el tipo o con el peso.
10. Ayúdate de una pauta siempre (o casi siempre): Hay sistemas mecánicos como las retículas, y orgánicos como algunas fórmulas basadas en números irracionales. Siempre es conveniente emprender un proyecto complejo con una pauta, pero el consejo es tener la habilidad de prescindir de ella cuando sea necesario.
11. No pierdas el tiempo con los márgenes y el foliado: Antaño se empleaban fórmulas para calcular los márgenes de un diseño. Hoy en día, en caso de los libros, se piensa en la economía del espacio con márgenes más estrechos. No hay una norma para establecer los márgenes: pueden servir para marcar el ritmo de las páginas (más aire o una composición más densa). En cuanto al foliado, hay que pensar en un lugar donde la vista espera encontrarlo, es cuestión de funcionalidad.
12. Marca los párrafos convenientemente: Utilizar sangrados para diferenciar los párrafos si se considera conveniente. Los tips son los siguientes: no aplicar sangrado y salto de línea a la vez porque es una redundancia, aplicar cuadratín (usar la misma medida del cuerpo de texto para el sangrado), no sangrar en el primer párrafo de un grupo de texto ni en titulares, y para anuncios publicitarios no introducir líneas en blanco ni sangrados porque se distrae la vista.
13. Cuadra las líneas (si puedes): Si es conveniente, utilizar rejilla base, y en bloques continuos, ajustar las líneas (pero si no se consigue con algunas modificaciones, es mejor no forzar demasiado). Controlar los ajustes de partición y justificación.
14. Cierra el interlineado en los cuerpos grandes: A mayor tamaño de las letras es mejor cerrar el interlineado. Los cuerpos grandes se perciben como imágenes y es mejor cerrar los espacios entre letras para evitar que se escape aire entre ellas, así se dirige la mirada hacia los espacios internos y no hacia los intermedios.





15. Retoca titulares, cabeceras y logos: Hay que tener cuidado con el espacio entre algunas letras que no combinan bien entre sí debido a que los espacios externos no están correctamente compensados. Para ello se utiliza el kearning de pares, para corregir dichos vacíos (algunas veces es conveniente hacerlo manualmente, en especial para cabeceras y logotipos).
16. Elige cuidadosamente los caracteres a utilizar: Este punto se resume en algo muy básico: cuidar la ortotipografía. Es importante saber qué caracteres se utilizan para cada lengua por etiqueta, higiene y para evitar malos entendidos con el lenguaje.
17. Rechaza las falsas negritas, cursivas y versalitas: Hay que asegurarse de que los programas no deformen las letras con falsas negritas, cursivas y versalitas. La solución es el uso de familias tipográficas, ya que incluyen las variaciones originales de cada tipo.
18. Aprende cómo funcionan los ajustes de P&J: Los ajustes de partición y justificación sirven para determinar cómo el ordenador dividirá las palabras al final de cada línea (si hay división) y cómo acomodará los espacios entre palabras y entre letras para que la línea llegue hasta el final derecho de la columna. Es importante aprender cómo funcionan estos parámetros, y a base de “ensayo y error” ir conociendo cuáles son los mejores valores de P&J según el tipo, el cuerpo y el ancho de columna. La recomendación es guardar tablas con los datos que se vayan probando.
19. Si no se ha de notar, condensa y expande las letras: En textos largos, condensaciones sutiles pueden ayudar a ganar espacio. En letras romanas estas deformaciones se notan menos debido al contraste.
20. Reduce la interlínea en cuerpos grandes: Igual que se hace con el interletraje, en cuerpos grandes conviene cerrar el interlineado ya que los valores asignados por defecto son excesivos. Debe tenerse en cuenta especialmente en mayúsculas, que carecen de ascendentes y descendentes, y por ello el espacio se nota más.
21. Cuida los números: Los números, a pesar de ser diseñados como letras, no terminan de encajar entre los demás caracteres. Hay varios tipos de números: los más comunes tienen la altura de las mayúsculas (o similar) y funcionan para fórmulas matemáticas, el inconveniente es que en bloques de texto destacan demasiado. Otro tipo son los numerales antiguos u ‘old style’ que tienen la altura de las mayúsculas con brazos ascendentes y descendentes. Son los que mejor se integran al texto en bloque.
22. Habla con propiedad: En este último punto, Jardí recomienda conocer los términos relacionados con tipografía, no porque conociéndolos se vaya a diseñar mejor, sino porque así se es más profesional.

Sketchnotes

Al inicio del curso les solicitamos que comenzaran una pequeña bitácora, donde pudieran registrar su vida diaria con imágenes realizadas por ustedes, pudiendo ser fotografías y sobre todo dibujos acompañados de pequeñas notas.

Les adjunto un ejemplo de Eva-Lotta Lamm una diseñadora especializada en WEB que su misión día a día es hacer un más comprensible, aplicable y disfrutable la nevegación en la red. Pero su pasión por el diseño gráfico la ha llevado a tomar notas en su sketchbook de las pláticas y conferencias a las que ha asistido, acaba de publicar un pequeño libro. 

Si desean mas información pueden ver el artículo completo en: http://typolondon.com/blog/2011/08/four-questions-for-eva-lotta-lamm/

“Kapitaal” es una animación tipográfica de Studio Smack realizada para el Museo Beyerd, en la que el hilo argumental intenta dejar patente la enorme cantidad de estímulos visuales que nos rodean cada día. Unos estímulos que compiten ente sí, a los que nos hemos acostumbrado y que ahora son percibidos de un modo más claro gracias al sutil juego cromático propuesto en la película. Una buena idea, una gran ejecución…¡Disfruten del paseo!

Libros sobre infografía

Visual Language for Designers 
Connie Malamed

Habla de manera sencilla sobre psicología de la percepción visual y viene acompañado de buenos ejemplos

 

¿Qué es infografía?

La infografía consiste en el uso de presentaciones gráficas con fines comunicativos. Mapas, tablas, gráficas y diagramas, o una combinación de todos ellos, pueden ser considerados infográficos.

Cure for the Common Font

Open publication - Free publishing - More fonts

Video Oficial Diseña el Cambio México 2010.

El concurso mundial de Escuelas Diseña el Cambio México 2010, fue un proyecto que se realizó por primera vez en nuestro país y contó con la participación de más de 10mil escuelas y el involucramiento de más de 50mil niños que transformaron sus comunidades a través de la implementación de ideas de cambio. Éste concurso culminó el pasado viernes 19 de Noviembre del 2010 con la Gran Entrega de Premios Diseña el Cambio México 2010. Misma que se llevó a cabo en el Auditorio Torre 3 de la Universidad Metropolitana de Monterrey. En ésta ceremonia se reconocieron a las 8 ideas de cambio ganadoras de cada una de las categorías concursantes, que fueron:

1. Idea de mayor impacto en una comunidad indígena.
2. Impacto al mayor número de personas.
3. Más responsable con el medio ambiente.
4. Más fácil de replicar.
5. Impacto más rápido.
6. Idea que beneficia México en mayor medida.
7. Idea más creativa.
8. Máximo potencial para cambiar a largo plazo.

Así mismo se otorgaron 6 reconocimientos especiales a escuelas que aunque no resultaron ganadoras, destacaron por el impacto del proyecto en su comunidad, la actitud de liderazgo del equipo, la creatividad de la idea de cambio y el compromiso que demostraron para transformar a México.

How Ink Is Made

Mensaje a los estudiantes de Taller de Diseño III

Como docentes, en cada semestre que iniciamos tenemos la expectativa que este tenga mejores resultados que el anterior,  buscamos nuevas herramientas y ejercicios con la finalidad de transmitir la pasión por el diseño.

Hoy, iniciamos este blog con la finalidad de tener un espacio para compartir información relacionada a nuestro que hacer como diseñadores, nos iremos adentrando en el conocimiento de temas relacionadas al diseño editorial, tipografía, composición, fotografía, infografía, impresión y la comunicación visual.

Los invito a que clase a clase incorporemos información al blog, así como sugerencias de bibliografía, vínculos de interés, muestra de los avances de los proyectos realizados durante el semestre, reflexiones, investigaciones y sobre todo complementar la información que damos en las clases para su formación profesional.

“Aún el viaje de mil millas comienza con el primer paso”
Lao Tsé.