Monday, April 24, 2006

15 tips al elegir un buen tipo de texto


No es primera vez que me preguntan que tipografía de texto puedo usar para (la tesis, una revista, un libro, un folleto, un afiche, etc.) una publicación. Por lo general, y para evitarme problemas les doy de inmediato la solución. Sé que no está bien, pero puedo salir del apuro.Hoy pretendo detenerme un segundo más y hacer un pequeño análisis de cómo elegir una buena tipografía. Cabe mencionar que nunca hay que ser concluyente con los datos que pretendo tratar, pero si son factores a tomar en cuenta a la hora de selección o descarte de una fuente para textos. De todas maneras esto depende del uso que se le quiera dar a la tipografía, porque muchas veces la legibilidad es tan importante como el carácter de la letra. Hay que tratar de ser lo más observador posible y seguir las siguientes instrucciones:


1. La forma.
Anteriormente, en el juego a ser Garamond, revisamos el concepto de ductus. El ductus representa lo más importante de la letra, su esqueleto. Para una buena legibilidad en el tipo de texto, necesitamos tipografías con un ductus carente de complejidades innecesarias, y que sea lo más simple posible, para que el sobrediseño no sea un elemento distractor. Asi fijamos la atención en lo que estamos leyendo, y no en la forma de la letra.


2. El peso
Cuando hablamos del peso de la letra hablamos de una coherente relación entre el negro que emite la forma, y la luz que entra entre las letras (blanco de página o contraforma). Muchas veces se suele escribir con tipografías light que generan una página demasiado clara. Claro, suele verse muy cool, pero dependiendo de la extensión del texto, suele cansar muy luego. Imagínense a un estudiante universitario estudiando en el bus de noche mientras viaja a la ciudad donde tiene que dar la prueba. Una tipografía demasiado liviana, con una mala luz. Resultado: media página leída y el resto del viaje durmiendo.


3. El Contraste
El contraste se refiere básicamente a la diferencia de grosor entre las verticales y las horizontales. Explicado mejor, la diferencia entre los trazos más gruesos con los más delgados. No quiero dar fórmulas como llegar a un equilibrio adecuado; pero un error sería crear un contraste tan marcado, que se produzca el efecto Bodoni. Yo creo que todos alguna vez nos tocó estudiar de las fotocopias, de las fotocopias, de las fotocopias, de las fotocopias de un paper que nos entregaba el profesor. O sea, sólo se leían las verticales. Una buena tipografía debería resistir varias generaciones de copiado, debe ser robusta sin ser grosera.


4. El eje.
Un comentario no atinado y me echo encima cientos de años de historia tipográfica. Muchos conservadores no van a estar de acuerdo conmigo, pero el eje de la tipografía suele ser ligeramente decisivo para una mejor lectura. Cuando presentas tipografías con astas 100% ortogonales, que van marcando el ritmo de una lectura con rectas verticales, no puedes distraerla con curvas que buscan un sentido opuesto. Si hilamos fino, estaríamos trabajando con 2 lenguajes, uno para las curvas, y otro para las rectas. Resultado, el desordenamiento de la frase.



5. Altura x
La altura x mostrará de qué tamaño es el cuerpo legible la letra. Ascendentes y descendentes demasiado largas conseguirán un acortamiento de la línea de cuerpo de texto, que insisto, es donde se concentra la mayor cantidad de la información legible. Es esta diferencia lo que produce por ejemplo que Mrs. Eaves se vea mucho más chica que Times New Roman. En el ejemplo podemos ver caricaturizada este punto.


6. Altura de las mayúsculas
Creo que suele quedar bastante claro con el ejemplo. Antiguamente las mayúsculas se diseñaban del mismo porte de las ascendentes, o en ocasiones más grandes aún. El efecto que provoca una palabra escrita en mayúsculas (como MINEDUC) dentro de la frase suele ser un atentado a la lectura en línea del texto.
Cuando escribo la palabra “Garamond” con Garamond siento, siento como si la “G” fuera un dinosaurio y la “a” fuera su presa.



7. Terminaciones
Cuando ocupamos una tipografía para escribir un texto, muchas veces tenemos que verla en grande, como en avisos publicitarios, etc. Ya que se usa como tipografía corporativa. El simple hecho que esté mal dibujada es más que una buena razón para descartarla. La gran mayoría de las tipografías tienen horribles terminaciones, y eso los diseñadores no lo deberíamos tolerar.



8. Gris de texto, o gris de textura.
Hilando ya un poco a niveles más macro, nos encontramos con este curioso punto. Cuando escribimos un texto, y vemos la textura que produce el bloque (conjunto de letras juntas), esta debe estar homogénea. Si hay letras que resaltan porque están más gruesas que otras, es porque el tipo de texto está mal diseñado. Muchos tipógrafos exageran engrosando las verticales de las mayúsculas con respecto a las de las minúsculas, creando un desagradable efecto en el gris de la textura del texto.



9. Apertura de la contraforma
Muchas tipografías consideradas de texto, pecan de cerrar o abrir demasiado sus contraformas. En el caso de que se cierren demasiado, pueden generar errores de legibilidad como confundir una “c” con una “o”. En el caso de que estén demasiado abiertas (como frutiger), la contraforma interna de la letra se suma a la contraforma externa de la letra, produciendo una cantidad de blanco muy desagradable a la vista.





10. El efecto pescado
En un post anterior hablé sobre el desagradable resultado producido por el efecto pescado. Cuando se el tipógrafo diseña sólo las formas suele caer en este tipo de errores. Un buen tipógrafo de texto, diseña la forma, la contraforma interna y externa, y su ductus. (Mayor información leer el post del efecto pescado).



11. Contraforma externa
Hay detalles que hacen a una tipografía muy legible, y eso es la contraforma externa. No se imaginan cuanto cambia leer una tipografía con el sacadito de arriba de la “n” bien marcado, o la diferencia entre la “rn” y la “m”. Hay tipografías que ni siquiera tienen ese sacadito. Entonces no son de texto, punto.



12. Contraforma interna
Una costumbre muy recurrente de los diseñadores de fuentes es hacer el ojo pequeño de la “a” y “e” demasiado pequeños. Algunos se excusan citando a la historia, otros lo hacen por estética. Lo único claro es que este pequeño ojo tiende a desaparecer, y la contraforma abierta tiende a agrandarse demasiado. Como la “a” y la “e” son las letras más usadas en muchos idiomas, el desagradable efecto se potencia aún más.





13. Comprobar que el set esté completo
¿Cuántas veces se han encontrado con este signo, cuando ya tienen todo diseñado?. Debe ser una de las sensaciones más desastrosas que existen, ya que hay que empezar todo de nuevo. Muchos tipógrafos NO diseñan la “ñ”, los acentos, los signos de interrogación, los punto y coma, y los signos de corte de palabra o los números. Es mejor revisar bien la fuente antes de lamentar.



14. La familia
Comprobar que la familia sea abundante y que pueda resolver los problemas de diseño que se puedan presentar en un párrafo es lo ideal. Difícilmente se puede diseñar con una tipografía que solo tenga la versión regular. Hoy en día se necesita destacar mediante itálicas, o usar las negritas en los subtítulos o cambios de tema. Otra cosa que suele ser muy importante, es que la itálica sea igual de legible que la regular, y que no esté llena de figuritas rebuscadas.


15. El interletraje
Existen tipografías que sencillamente no se les hizo interletraje, y funcionan muy mal. Un buen diseñador corrige los interletrajes que no le parecen correctos, pero es demasiado tedioso ir corrigiéndolos todos. Hay programas como InDesign que hacen ese trabajo automáticamente, pero nunca queda lo bien que lo hace el mismo diseñador tipográfico.

Thursday, April 20, 2006

Flor de País, un trabajo hermoso

¿A alguien le ha tocado trabajar en la pega soñada?, bueno, a mi si. Flor de país y zoolab me dieron la oportunidad. Me toco ser el ilustrador píxel del chat que propuso el portal bicentenario para Canal 13.
Me dieron la libertad de volarme y proponer cosas muy divertidas y con mucho humor. El portal, muy al estilo Sims, tiene todo lo que uno le puede pedir a un trabajo. Se trabajó en un ambiente increíble, con soltura, con libertad, y cada integrante del equipo hizo un trabajo espectacular.
El dibujo píxel, que me encanta, me permitió poner a prueba mi conocimiento en isométricas y trabajé con un ángulo de
26,565°; que es un estándar que me permite lograr una visión panorámica perfecta.
Compuse un montón de escenarios, incluyendo una feria de verduras, una cancha de fútbol, una iglesia, una universidad, un hospital, un edificio corporativo, el edificio de canal 13, un teatro municipal, un edificio en construcción, la municipalidad, casas, edificios, 4 plazas: un skatepark, una plaza de esas típicas, una plaza sobre una laguna, una plaza de juegos, una cárcel, un parque de diversiones, campos de cultivo y muchas cosas más.
Agradecimientos también a Pilar Abiuso, Sole de la Fuente, Perla Molina, y Antonio Cáceres, un genio del action script.




Bueno, para quien quiera ver la ciudad armadita, ahí va una miniatura, tienen que hacer clic sobre la imagen para verla un poco mas grande. No puedo subirlo a tamaño original porque mide como 10.000 píxeles.Todavía no les puedo dar el link de la página ya que está funcionando todavía como beta, pero apenas salga al aire se los daré y se divertirán mucho.

Wednesday, April 19, 2006

Jugando a ser Garamond

Hoy estuve jugando a ser Claude Garamond. Fue divertido y aprendí mucho.
Tomé la tipografía Garamond y me puse a jugar con ella, la empecé a deformar hasta que la dejé con el puro ductus. No tenía claro para qué, pero seguí con el ejercicio, luego empecé a arreglarle las cosas que no me gustaban y llegué a mi propio estilo de diseño, o sea, llegué al punto de partida. Mientras jugaba, pensaba: ¿qué hubiese hecho Giambatista Bodoni, con este ductus?, y me puse a jugar con la Bodoni también.

Hey, es extraño. Algo aquí no me calza, el espíritu de Bodoni está presentísimo, la estructura calza, pero deja de ser bodoni, Giambatista jamás usaría ese tipo de curvas, hmmm, interesante.

Empecemos de nuevo, ¿y que diría mi maestro Gerard Unger de todo esto?, y empecé a jugar con swift, y me di cuenta de las diferencias entre ambas fuentes son abismales, las contraformas, la contrucción, los pesos, los detalles, todo. Descubrí la simpleza de las formas y las contraformas de los trazos de Gerard Unger, y descubrí la academia pura. Las barras y las astas tienen una relación entre sí, y entre las contraformas que no pueden ser ignoradas. Me di cuenta de la ausencia absoluta de detalles tontos, las angulaciones, la velocidad de las curvas, y su racionalidad ante todo. Sin duda, Unger debe ser uno de los mejores tipógrafos que existen que diseñan fuentes de alta legibilidad. ¿Y Pancho Gálvez, no tiene nada que decir al respecto?, veamos…
¡Sorpresa!, su fuente australis es “garamondiandísima”, si no fuera por el taco de la b, y la caída de la cabeza de la a, serían muy similares. Pero, tienen un aspecto demasiado distinto. Obvio, las tipografías se hacen funcionales con su ductus, pero se hacen bellas con lo particular de los detalles que tengan. Australis no es la excepción, los quiebres en sus curvas, la fineza de sus serifas, y la proporción de sus trazos con respecto a la forma y contaforma la hacen bellísima. Con Australis entramos a una nueva era en el diseño tipográfico, una era donde el trazo caligráfico pasa a un segundo plano, y la forma está basada preferencialmente por conceptos aplicados de diseño, y no tanto por una respuesta textual al dibujo con la pluma (fíjense en la colita de la a, versus su cabeza. Pancho sabe). Mientras Claudito se revolcaba en su tumba pensé parar, pero tenía 2 poderosas razones para no hacerlo: era demasiado temprano para acostarse, y me faltaban los chicos cool de underware. Ellos tenían que ir en el ejercicio si o si. Las conclusiones que saqué con ellos fueron más bien con respecto a la sistematicidad del dibujo. El ductus de la sauna es horizontal y cualquier variación diagonal provoca un fuerte quebre. Fíjense que teniendo el mismo grosor, las mismas curvas, terminaciones, no funciona bien. ¿Será que hay tipografías que son más dependientes de su ductus que otras?, bueno, creo que cualquier alteración a la estructura de sauna hubiese hecho un desastre de si misma.

Para finalizar, y que el ejercicio no fuera tan corto, decidí rendirle tributo al gran Lucas De Groot. Tal vez aquí fue donde más me divertí, la adaptación de the sun a garamond, debe ser una de las cosas más absurdas que se hayan hecho. Al final, creo que se perdió casi todo el estilo de Lucas, pero me dio grandes ideas para empezar una nueva fuente. Tal vez algún día la haga. Hoy no, que ya es de noche.

Si quieren ver el resultado del ejercicio como es la costumbre pueden cliquear sobre la imagen. Lo verde es la fuente original y lo negro es lo rediseñado.

Wednesday, April 05, 2006

Dibujo vectorial

Los diseñadores le tienen terror al dibujo vectorial de precisión. Muchos tienen bellísimos bocetos de logotipos o tipografías, pero su inseguridad con el trazo o la mala realización del dibujo vectorial despotencia la belleza de sus diseños. En fin, un grupo de diseñadores propone un sistema de dibujo con los controladores organizados de manera ortogonal, ¿pero hasta qué punto puede ser la mejor solución?. Analizaremos las características que debe poseer un dibujo vectorial perfecto.
Existen 3 tipos de puntos: el de esquina, el de curva y el de semicurva o tangencial. Los controladores pueden estar dispuestos de tres maneras, enganchados, independientes o sin ellos.
Parece obvio, obvio.
Pero, ¿dónde se ubican los puntos?
En un principio, ubicaremos los puntos de manera ortogonal, y en el extremo del eje. Como vemos en el ejemplo, tanto los controladores como los puntos confluyen hacia un centro en común.
Complejicemos un poco más el esquema y nos daremos cuenta de algo sorprendente: el modelo es totalmente adaptable, y las curvas externas por lo general tienen absoluta relación con las curvas internas y viceversa, así como también los controladores. El primer ejemplo de arriba parece pecar de tonto y simple, pero no lo es tanto, podemos darnos cuenta cómo están dispuestos los controladores en un círculo perfecto (30 grados con respecto al centro), y como se complementa el círculo interno con el externo (podemos dibujar 1000 circulos más concéntricos y siempre será lo mismo.
En el segundo ejemplo (de arriba), podemos observar cómo se mantiene este mismo principio, en un círculo perfecto desfasado. Para muchos aprender esto esto puede resultar inútil, pero no lo es tanto, ya que si miramos la mitad de abajo de este ejemplo, puede ser fácilmente la mitad de abajo de una letra "U" mayúscula serif.En este último ejemplo, podemos ver una aplicación de lo anterior, donde no tan sólo la forma está muy bien dibujada, sino fíjense en las contraformas, sus curvas se ven claras y perfectas.
Pueden hacer click sobre el para verlo en su tamaño real.