Correcciones ópticas en tipografía. Un poco de teoría sobre tipografías y corrección visual: “El error más común en la construcción de logotipos es elegir una fuente, escribir el nombre de la marca y no ajustarla visualmente”. Nunca mejor dicho.

Tipografía para títulos. I think I shit my pants.

Monaco vs. Comic Sans. Encuentre las diferencias o en su defecto, use Comic Sans al programar :P

Tipografías para programar

Tipografías, tipografías, tipografías. Mi obsesión por las tipografías no tiene límites. A veces creo que puedo llegar a soñar con ellas.

Hoy, mientras probaba WeBuilder 2006 (reseña en breve; adelanto: Es el editor de código definitivo) veía código y me preguntaba si había buenas fuentes para reemplazar a la desgastada Courier New.

Buscando un poco, encontré varias alternativas. La mayoría son tipografías que se pierden en resoluciones altas (1280×960, como es mi caso) en pos de meter una línea de código más en la pantalla. En este sitio se puede encontrar un análisis extenso de familias tipográficas y algunas pruebas.

Las que personalmente recomiendo si tienen ganas de cambiar son: Monaco (9 puntos es lo ideal), la cual es la fuente para código por defecto en Mac OS y Bitstream Vera, una familia tipográfica —hasta donde sé— libre, que además de servir para código (con Bitstream Vera Sans Mono), tiene buenas aplicaciones en gráfica en general.

Un ejemplo de Monaco (9pt):

Sample Monaco 9pt

Un ejemplo de Bitstream Vera Sans Mono (9pt):

Sample Bitstream Vera Sans Mono 9pt

Al principio el cambio cuesta un poco, pero luego es realmente un placer programar. Monaco es la definitiva, sin duda alguna :)

Actualización: JmN en los comentarios tira este excelente enlace con más reseñas sobre tipografías para programadores.

¿Clarín rediseñando?

Disculpen mi desconexión sideral con la blogósfera y sobre todo con mi blog … pero hoy al entrar a Clarín ví diseño nuevo y no me aguanté de postear. Alguien tal vez me pueda desburrar, ¿puede ser que estén rediseñando?

Digo “están rediseñando” porque creo que todavía le falta algo de laburo encima. En lo gráfico sobre todo. Respecto a arquitectura de la información, leo las notas y realmente me pierdo, veo que no están cláramente divididas, parece todo un bloque grande de información sin highlights sobre noticias importantes o división entre secciones que lleven a mi ojo a diferenciar entre ellas. Está todo demasiado blanco para mi gusto.

Por otro lado, volviendo al diseño, la elección de familia tipográfica deja bastante que desear. Mezclar Georgia (o Times, no ví el código), junto con Tahoma, un poco de Trebuchet Ms y algo más puede conducir a resultados indeseados. Uno de los principios del diseño es “el diseño es en un 80% tipografía” y otro es “no mezcles demasiado fuentes sans-serif con serif”. Digo, se podría mejorar, tal vez sacarle el font-weight:bold a los títulos de las noticias y darle un toque más de tamaño. Georgia es una fuente muy linda, pero usada como bold es medio chota … fijensé que buen laburo hizo Jason en A List Apart mezclando Georgia y Verdana (nosé quien me dijo que no era bueno mezclar más de 2 familias tipografícas en un diseño … seguro que nunca vió un laburo de David Carson, jeje).

Respecto a la tecnología, dos cosas que realmente me llamaron la atención:

  • Más allá de que digan “Clarín solo tiene un blog para subirse a la moda pero no tiene utilidad alguna para los lectores”, el esfuerzo que hacen para adaptarse a las nuevas tecnologías es interesante. Hoy veo que ya tienen secciones con podcasts … y eso me hace pensar seriamente en si éste es el paso que faltaba para una aceptación masiva del mundo del podcastingen Argentina.
  • Tags. Esto tampoco lo había visto antes, ahora tienen etiquetas, llamadas “claves del día”. De nuevo, vuelvo a recalcar, me encanta como Clarín —más allá del análisis liviano de si se hace por moda o si se usa o no— busca adaptar su edición on-line con nuevos conceptos. Mi aportación sería que le dén el tamaño correspondiente a cada etiqueta según la cantidad de información/búsquedas que hay sobre el término … y con eso tendríamos un diario —en lo tecnológico— ideal.

Que alguien me saque la duda de si están rediseñando o no … tal vez solo mi navegador no cargó la hoja de estilos y ya estoy delirando :P

Actualización: Fer me hace dar cuenta que el rediseño de Clarín parece un blog … ¡es verdad! Me encantaría hacerle una entrevista a alguien de 451 para que nos cuente como fue el proceso … ¿alguien puede mover los hilos por ahí? :)

Sgt. Peppers Lonely Hearts Club Band

Sgt. Peppers

Una interpretación a lo David Carson (gracias Diego!) de Sgt. Peppers Lonely Hearts Club Band (The Beatles). Ver en tamaño real (1280×960).

Tipografí­a: Frutiger.

Las 20 mejores tipografías sin licencia. Muy buen recurso, Lacuna me parece extremadamente linda.

Este sitio muestra como se renderizan las tipografías mas usadas en web, en OS9, OSX y W2K. Interesante el suavizado de Verdana 12px en Mac, ahora sé porqué Doug la usa tanto, es hermosa.

Wallpaper Quiz

Bueno, acabo de terminar otro wallpaper. Esta vez se me ocurrió algo, me gustaría que traten de acertar el nombre del tema en base a la lírica que ven en el wallpaper … Una pista: Estaba escuchando una banda criticada en su época, como la “Dick Band”.

Baby baby
1280*960 / 1024*768

El que acierta se gana una exclusiva cuenta de Gmail con más de 2GB. Posta ! :P

Wallpapers

Cuando estoy al pedo, o antes de ponerme a diseñar, para “calentar” siempre hago un wallpaper. El ritual es siempre el mismo: Poner un tema al taco, un café cargadito, y hacer un wallpaper simple, minimalista, jugando con la tipografía unicamente, de una frase del tema que estoy escuchando. Acá están 2 de los últimos que hice:

Beat it
1280*960 / 1024*768

Beat it
1280*960 / 1024*768



Copyright © 2004–2010 Rodrigo Galindez. All rights reserved. Hosting by XMundo Networks.

RSS Feed. Proudly powered by Wordpress. Correct at time of going to print.