TipografÃa para principiantes: Algunos apuntes y 10 consejos
Escrito el 11 de Mayo de 2007, por hellgirl
Uno de los campos más apasionantes del diseño gráfico y un tanto ignorado por el gran público es es la tipografÃa. A pesar de lo presente que está en nuestras vidas; documentos de word, presentaciones powerpoints, webs, blogs etc. se le suele prestar poca atención al uso de las fuentes.
Los usuarios tienden a dejar los tipos por defecto del programa de turno y usar solo distintos tamaños, negritas o cursivas, a veces inadecuadamente, esto ha propiciado una sobre exposición de esas fuentes como la Times New Roman de Word que no es que sea una mala tipografÃa pero está tan vista que aburre.
Es siempre recomendable, antes de acometer un trabajo, dedicarle un poquito de tiempo a la elección de los tipos de letra y estilos (tÃtulo, subtÃtulo, cuerpo de texto, “topillos” para las listas…) que se van a usar para optimizar nuestro trabajo y conseguir mejores sensaciones y resultados. Quién sabe, algún dÃa no muy lejano podrÃa haber gente especializada en definir nuestra personalidad por el tipo de letra que elegimos para nuestro Curriculum Vitae.
He aquà algunos apuntes y consejos recogidos y oidos de los profesionales de esta disciplina tan creativa.
¿Dónde encontrar fuentes y cómo instalarlas ?
El sistema operativo trae por defecto un paquete de fuentes instaladas, son las llamadas fuentes de sistema y entre ellas hay algunas que se encuentran tanto en Windows como Linux o MacOS, Verdana o Arial por ejemplo, están entre ellas. Programas como Office o Corel instalan un grupo de fuentes propias y luego el usuario puede buscar en internet o en programas P2P fuentes sueltas o “packs” más o menos nutridos e instalarlas en su sistema.
Escribiendo fuentes o fonts en un buscador encontraremos centenares de páginas repletas de tipografÃas para descargar, como de costubre no todas buenas, bonitas ni baratas. Porque aunque parezca lo contrario no todas las tipografÃas son gratuitas, al igual que las fotos tienen unos derechos de autor. Como curiosidad, los precios de una tipografÃa oscilan desde los 20 euros hasta los miles que se pueden pagar por la tipografÃa corporativa de una empresa de las gordas. Instalarlas es una tarea sencilla que se suele aprender pronto pero no está de más recordar cómo se hace.
Cuando nos descargamos una fuente para Windows (ojo al descargar que algunas pueden tener versiones para Mac y PC) puede venir principalmente en dos formatos; las llamadas True Type (un único archivo con extensión .ttf) o bien las Type 1 (dos archivos del mismo nombre pero con distinta extensión .pfm y .pfb). Para instalar la fuente lo único que tenemos que hacer es copiar ese/os archivo/os en la cartepa Fonts o Fuentes a la que se puede acceder o bien desde el Panel de control:
O bien desde Mi PC:
Si se tienen varias fuentes para instalar se puede copiar todas en grupo en la carpeta de Fuentes y se istalarán una a una.
Cabe recordar aquà el truquillo que veiamos hace algún tiempo para instalar tipos desde el menú contextual.
Algunas caracterÃsticas
La vista previa. Para aceder a la vista previa de una fuente simplemente hacemos doble click en el archivo ttf o pfb, tanto dentro de la carpeta de fuentes como desde otra ubicación.
(click para ampliar)
Las frases que se usan para la demo de los distintos tamaños de las fuentes incluyen todos los caracteres del alfabeto y resultan ser algo muy simpático del estilo de: «Jovencillo emponzoñado de whisky, ¡qué figurota exhibe!» o en nuestro ejemplo «El veloz murciélago hindú comÃa feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque de paja».
La carpeta de Fuentes de Windows XP. En uno de los tipos de vista permite comparar los tipos que tenemos instalados en nuestro ordenador seleccionando uno en particular, por si estamos buscando una parecida:
Cómo se clasifican y analizan tipografÃas. Adivinar el nombre de una fuente a simple vista es un trabajo complicado que requiere años de experiencia y buen ojo. Desde las curvas de las esquinas hasta el puntito de la i son muchos los aspectos que miran los profesionales a la hora de elegir una tipografÃa para un fin determinado. Uno de los primeros rasgos definitorios de una fuente y que es fácilmente observable por cualquiera es el Serif, o remate de los trazos. Las fuentes Serif son las que tienen ese remate, como la Times New Roman y las Sans Serif son las que no lo tienen como la Tahoma.
Las familias. De un mismo diseño de fuente se suelen hacer variedades con distintos tamaños, grosores, con serif, sin serif etc etc. A todas esas variedades se les llama la familia y como en la vida misma hay familias muy extensas y otras menos. Si necesitas una versión más fina o más larga de una fuente lo mejor es buscarla en su familia. Lo que no debe hacerse nunca es estirar o encoger las cajas de texto deformando “a mano” el texto porque perderá la proporción y el equilibrio.
Otra curiosidad, algunos de los tipos de letra que usamos actualmente como la Garamond están basados en caligrafÃas usadas hace hace cientos de años. Otras son totalmente nuevas.
Consejos en el uso de tipografÃas
- Busca siempre la claridad y la facilidad de lectura. En textos largos para pantalla, dónde nunca sabemos cómo será el monitor del usuario, es muy importante que la lectura sea lo más confortable posible. Tipos de letra sencillos (Verdana o Arial son los más extendidos, Garamond puede ser una buena alternativa), un color acorde con el fondo, evitando estridencias y un tamaño de texto adecuado, que no haya que arrugar la nariz para leer ni tampoco tirar de scroll en cada frase, 10 u 11 pixels para el cuerpo de texto y sumando dos para los distintos niveles de tÃtulo.
- Presta atención al medio. No es lo mismo leer un texto impreso que en una web, como hemos dicho es algo más fatigoso para la vista leer en pantalla. Una letra muy recargada cansan mucho la vista y se usan solo para tÃtulos, subtÃtulos, citas o frases breves. Observa trabajos impresos para comprobar como queda una tipografÃa sobre papel y elige la más adecuada en cada caso.
Una teoria extendida recomienda usar, en los textos largos, tipos Serif para imprimir y Sans Serif para pantalla, aunque habiendo tantas y variadas fuentes probablamente se darán interesantes excepciones. - No utilices muchos tipos distintos en un mismo documento. Lo máximo recomendable serÃan cuatro, siempre teniendo en cuenta que una negrita cuenta como tipo. Si pones una letra con serif en el tÃtulo suele funcionar mejor una sin serif en el cuerpo. Luego para los subtÃtulos se suele usar la misma del cuerpo de texto con dos puntos más grande o un punto y negrita.
- No instales muchas fuentes a la vez. Las fuentes se cargan en memoria al iniciar Windows y una carpeta de fuentes con miles de archivos ralentiza el ordenador. También se sobrecargan los programas a la hora de desplegar la lista y ésta se vuelve inmanejable para el usuario. Mantén sólo tus preferidas y las que más uses, aparte de las de sistema.
Puedes guardar tantas tipografÃas como quieras bien organizadas fuera de la carpeta de Fuentes, podrás verlas haciendo doble click o bien usando un programa especÃfico del tipo del AMP Font Viewer. - Clasifica tus fuentes no instaladas. A poco que empieces a coleccionar tipografÃas te darás cuenta de que es muy adictivo. Cuando almacenes los distintos tipos manten una clasificación, por ejemplo en función del uso que le vayas a dar, para trabajos, para tÃtulos, divertidas, de pelÃculas y videojuegos, signos gráficos… y te será más facil encontrarlas luego.
- InspÃrate con los profesionales. Fijate como se usan y combinan los tipos e imÃtalo con descaro para tus trabajos. Por ejemplo, según el blog especializado Smashing Magazine estos son algunos de los tipos de letra preferidos por los diseñadores gráficos.
- Para documentos que se van a ver en otro ordenador usa siempre tipografÃas de sistema. Tal vez os hayais preguntado porqué habiendo fuentes tan chulas como la de Batman, la mayoria de las web usan los mismos tipos de letra; Arial, Verdana, Garamond o Georgia. No es que los diseñadores sean unos sosos, lo que ocurre es que los programas de texto y navegadores no suelen llevar el tipo de letra embebido, es decir, el programa detecta que un texto está hecho con la Batman Forever y busca en su carpeta de fuentes y si no la encuentra le planta la fuente por defecto y se queda tan ancho. Lo mismo ocurre si haces un trabajo en Word, se lo pasas a alguien y lo abre en su ordenador, por ello es mejora trabajar con fuentes de sistema.
- Evita el abuso de mayúsculas (parece que estás gritanto), subrayados (ensucia el aspecto) y el texo justificado a ambos lados para pantalla (los navegadores no reparten bien el espacio entre palabras y el efecto cuadrado no compensa la pérdida de homegeneidad)
- Usa los ajustes del procesador de textos. Los procesadores de textos, especialmente Microsoft Word son un mundo aparte, pareciera que hace falta un master para aprender usarlos correctamente. Con todo hay que tratar de sacarle el máximo partido; definiendo el espacio entre lineas y párrafos, la sangrÃas del texto, elegir los “topillos” de las listas, etc en lugar de usar los retornos de carro y la barra espaciadora indiscriminadamente. Si lo hacemos asà aunque al principio parece lento luego ahorraremos tiempo y nos aseguraremos que nuestro documentos será organizado y con mejor aspecto.
- Por último pero no menos importante, si quieres que tus textos tengan un aspecto mÃnimamente profesional y los diseñadores no te cojan manÃa, nunca, nunca, nunca uses la Comic Sans.
Otro dÃa hablaremos de programas y herramientas para gestionar, diseñar y trabajar con tipografÃas.
- Para saber más: CompletÃsimo manual sobre tipografÃa
- Recomendado: Los 10 mejores sitios de tipogafÃa de TutorialBlog
- Encuéntralas al mejor precio: Un buen sitio de fuentes gratuitas
- Y muchas más: 42 sitios de fuentes gratis
Esta entrada se publicó bajo las categorías: Creación de sitios web, blogs y foros.
Etiquetada bajo diseño|tipografÃas
Los comentarios y trackbacks están cerrados. Lo sentimos.
En cuanto a las frases como “el veloz murciélago hindú…”, no son cosas simpáticas de diseñadores; son «pangramas», frases que contienen todas las letras de un alfabeto. Ese es el sentido de su uso en tipografÃas, precisamente para ver todas las letras de un golpe.
La verdad es que siempre he sentido curiosidad por la tipografÃa…sin ir más lejos en mi blog recopilé fuentes de grupos de pop y de rock y me dió la sensación de que aquello era una frivolidad…
Por cierto, también dà unas pautas de como instalar las fuentes en el sistema; salta a la vista como un mismo asunto es abordado por profesionales (faqoff) o por un novato (yo)….no hay color.
Como dato la tipografÃa empleada en mi blog es Verdana. (posible idea para futura encuesta)
Y nada, felicidades por el galardón, vuestro trabajo esta dando sus frutos, blogoff es hoy por hoy mi blog de cabecera (y me consta que el de mucha gente también).
Saludos.
En cierta ocasión leà que para pantalla de ordenador es mejor sin serif y para papel es mejor con serif. La verdad es que después de hacer unas cuantas pruebas la regla me convenció bastante.
Un enlace más para tener en cuenta:
Descargar fuentes gratuitas: 42 sitios para hacerlo
[...] TipografÃa para principiantes: Algunos apuntes y 10 consejos [...]
Vaya, veo que no soy la única friki de las tipografÃas! Me ha encantado el artÃculo, sobre todo el último consejo… ¿por qué será que toda la gente a la que le atrae el mundo de las tipografÃas, odia la Comic Sans? :d
Mil gracias por los comentarios Jam, Serlio y Sergio, con vuestro permiso añado esa información al artÃculo y nos queda más completito :)
Sobre la Comic Sans hay historias muy buenas como las de
- Comic Sans dominará el mundo
- La letra más fea del mundo
- La verdadera historia de la Comic Sans
Helter_skelter qué curiosa la fuente de Bjork, moolan, y oye tu post del viernes me ha encantado ;)
Sobre todo, si vais a rotular un tebeo, nunca comic sans si no quieres ganarte la ira pública de los aficionados.
http://www.lacarceldepapel.com/indexblog.php?p=1520
hellgirl, la verdad es que aquello del serif para imprimir lo leà hace siglos, asà que no tengo ni idea de dónde fue, pero por ejemplo en la wikipedia en inglés lo comenta:
http://en.wikipedia.org/wiki/Serif#Usage
Yo tambien lo habia oido, como lo del jovencillo empozoñado, pero redactando el articulo no recordaba bien y ante la duda no hice referencia. Al comentarlo tu y mirando con mas calma si que es una propuesta extendida y es bueno tenerla en cuenta reservandonos la posibilidad de que pueda haber contraejemplos.
De todas formas, he cambiado “propuesta” por “teoria”, palabra que me cuesta un poco usar cuando se habla de diseño. Gracias por la matizacion!
TipografÃa para principiantes…
Todo lo que un principiante (y algún jefe) deberÃa saber para no caer en el uso de la Comic Sans. Tremendo artÃculo sobre las diferentes tipografÃas, instalación, y consejos de uso….
¡Un artÃculo muy interesante y muy educativo! Por cierto, que no sabÃa qué era eso de las Sans Serif y siempre me ha intrigado, asà que ahora puedo dormir un poco más tranquilo…
Ah, felicidades por el premio :-D
Otra web repleta de tipografÃas:
Dafont
muy buen articulo!
[...] TipografÃa para principiantes En MICROSIERVOS, comenta sobre el siguiente enlace TipografÃa para principiantes: Algunos apuntes y diez consejos, en BlogOff, el blog divulgativo sobre informática, es un excelente y muy completo artÃculo sobre el fascinante mundo de la tipografÃa. Incluye diez consejos prácticos fáciles de entender, convenientemente desarrollados en la anotación original: [...]
pues no es la comic sans la unica que no se deberia usar nunca.. los diseñadores tambien tenemos tanta (o mas) mania a la Arial, que no es mas que una burda copia de la Helvetica. Para diseño web, ya que no todo el mundo tiene la helvetica, lo suyo es usar otra tipo como la Verdana que, a diferencia de la Arial, fue diseñada pensando en su uso para lectura en pantalla.
Y otro punto importante: las tipografias gratis (lease Dafont y compañia) tienden a ser tipografias MUY pero que MUY MALAS, siempre es mejor usar una buena tipografia, aunque pueda parecer mas “aburrida”, que una fuentea descargada de internet que la puede haber hecho cualquiera sin un mÃnimo conocimiento.
Antiarial: Tambien iba yo a hablar mal de la arial. Aunque la Arial fue diseñada algun tiempo antes que nadie supiera lo que es el diseño web.
Y no te metas con dafooont, no te metas con dafooont… Dafont tiene buenas tipografias, amigos, pero hay que saber elegir.
Eeesto, una cosita. Si no he escrito ning´´un acento es porque como podeis combrobar me hace dos seguido. Aviso. Que hay gente muy bac´´in por ah´´i.
[...] TipografÃa para principiantes: Algunos apuntes y 10 consejos Posted Mayo 15, 2007 TipografÃa para principiantes: Algunos apuntes y diez consejos, en BlogOff, el blog divulgativo sobre informática, es un excelente y muy completo artÃculo sobre el fascinante mundo de la tipografÃa. Incluye diez consejos prácticos fáciles de entender, convenientemente desarrollados en la anotación original: [...]
Mmm, muy buen artÃculo para los que somos enfermos con eso de las fuentes.
Aunque no sé si concuerdo cuando dices que no es bueno justificar a ambos lados. A mi el ‘efecto serrucho’ al lado derecho de los párrafos que produce no el justificar a ambos lados no me guat para nada.
[...] Leyendo un blog encuentro un breve manual de uso de tipografÃas y adicionalmente unos links bastante útiles que incluyen links a sitios de descarga de fuentes, algunos de ellos desconocidos para mà (lo que no es difÃcil, ya que normalmente uso DAFONT) y entre ellos este estupendo manual de uso de tipografÃas que incluye una serie de consejos para el uso de documentos electrónicos. [...]
Anti-arial, por que estás tan en contra de la arial, yo soy diseñador web y tampoco es que me desagrade, la arial y verdana me parecen bastante limpias para utilizar en la web.
¡Me habéis abierto los ojos! Siempre utilizaba la Times Roman porque me parecÃa la más seria y a la vez corriente. Es más, en un blog que tuve durante años, siempre, siempre, utilizaba la Times, y Justificaba el texto para quedara bien cuadrado tras escribir la entrada.
¡Ahora sé por qué no me leÃa nadie!
Prometo al menos probar el uso de la Verdana, o la Georgia… o alguna sin serif… y procurar no justificar el texto cuando escriba posts.
¡Gracias! ¡Gracias! ¡GRACIAS!
Rj.
[...] Seguir leyendo [...]
[...] TipografÃa para principiantes: Algunos apuntes y 10 consejos (tags: fuentes fonts tipograf tips dise design) [...]
Yo soy un paquete para estas cosas, siempre acabo cogiendo alguna plantilla. :P
[...] blogoff » Blog Archive » TipografÃa para principiantes: Algunos apuntes y 10 consejos (tags: fonts design) [...]
[...] Mayo 20th, 2007 Inspirándome un poco o totalmente en el ya famoso y estupendo artÃculo del blog de Faqoff “TipografÃa para principiantes: Algunos apuntes y 10 consejos” o mejor conocido como “TipografÃa para todos” me gustarÃa recomendar algunos sitios sobre el mismo tema para aquellas personas que les interesarÃa saber un poco más o por que no reafirmar conocimiento por si te dedicas a esto. [...]
[...] Desde hace tiempo lo tenÃa como uno de los principios a tener en cuenta a la hora de planear un nuevo diseño. No usar Comic Sans siempre ha sido para mà un buen consejo cuando alguien me pregunta que fuente usar para algún trabajo, del tipo que sea. Ahora, vÃa Microsiervos me encuentro con una lista de recomendaciones sobre el uso de las tipografÃas publicadas en Blogoff y el número diez de la lista me confirma el prejuicio que yo tenÃa con la Comic Sans. [...]
hola gente…..quisiera saber si alguien me puede ayudar a encontrar letras al reves…..es decir….por ejemplo..la E mirando para el otro lado…..o la R tmb para el otro lado…..si alguien me puede ayudar se lo agradesco muchisimo….desde ya muchas gracias…..
Alejandro, lo enuentras en http://www.alfabetireves.com
saludosssssssssssssssssssssssssssssssss
Bueno, paseaba por paginas q hablen acerca de tipografÃasy me topé con este artÃculo. Soy estudiante de diseño gráfico (bah, en realidad recién estoy haciendo el ingreso), y algunas de las recomendaciones me resultaron útiles, como la organización de las tipografÃas y el notenerlas todas instaladas: se me haciÃa engorroso buscar cada una en el momento de usarlas. Otras recomendaciones resultaron un poco obvias, pero hay gente que igualmente no tiene en cuenta esos detalles.
Por otro lado, coincido en el último dato: soy la principal enemiga de la comic sans (jaja) y mis compañeros realmente no lo comprenden.
necesitaria si alguien conoce alguna tipografia en donde las letras esten mirando para el otro lado si alguien me puede ayudar desde ya muchas gracias… juance!!
Hola! me encuentro haciendo mi proyecto de tesina, soy estudiante de diseño, y me encontre con esta pag muy interesante por lo q veo :) quisiera saber, si alguien conoce algun material que compile información sobre tipografÃa para pantalla, es que realizaré mi tesina sobre dicho tema y es necesario saber que es lo que ya esta hecho… Muchas gracias…
quisiera saber si se instalan muchas fuentes puede causar problemas en cuanto a ke que cantidad de fuentes en un computador es recomendable instalar me gustaria saber gracias
porke me imagino yo que entre mas tipos de fuentes tengamos mucho mas demorado puede tornarce las funciones en programas me gustaria saber
[...] public links >> tipografia TipografÃa para principiantes: Algunos apuntes y 10 consejos – Saved by lyokocat on Thu 09-10-2008 Cadernos de Tipografia Saved by earth2marsh on Thu 09-10-2008 [...]
Muchas gracias por vuestros comentarios y enlaces.
Gracias a vuestra ayuda he encontrado lo que estaba buscando.
Saludos!.
gracias
me ayudo mucho esto
al kreador
GRACIAS
[...] Más info aquà y aquÃ. [...]
Hola, este post me ha parecido muy completo y útil. Aunque ya estaba familiarizado con la mayorÃa de lo expuesto.
QuerÃa recomendar a todos los compañeros diseñadores gráficos una web que he encontrado a través del blog ‘Kokainc’, con multitud de imágenes relacionadas con las fuentes tipográficas : “We love typography“. Es un servicio donde los usuarios pueden subir imágenes con tipografÃas y compartirlas con los demás. La colección es enorme y de muy buena calidad. Una gran fuente de inspiración. Espero que la disfruten tanto como yo.