Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Tipografa

Diseo grfico

Tipografa
La tipografa es el elemento o zona de comunicacin que gua los procesos del pensamiento de los usuarios hacia lo que se espera debern comprender del mensaje; es decir, debe complementar a los grficos; si se emplea adecuadamente invita al lector a entrar a la pantalla. La funcin de la tipografa cambia segn la estrategia que se desea seguir, puede ser usada para explicar, organizar y resaltar ideas; para lo cual podemos dar un vistazo a la teoria y entender conforme a conceptos bsicos el papel que desempea la tipografa en el diseo total de un proyecto multimedia.

Introduccin a la teora de la tipografa

Se puede clasificar a la tipografa en dos clases: cuerpo o bloque de texto (texto de lectura prolongada) y ttulos o encabezados. El cuerpo o bloque de texto corresponde a la parte que tiene el contenido. A nivel global el cuerpo de texto debe reunir forma, equilibrio y legibilidad; para lo cual hay que tomar en cuenta factores como: anatoma, tamao y peso, interlineado, longitud de lnea, mrgenes, alineacin y que el tipo elegido sea agradable. Anatoma: El factor distintivo de la anatoma tipogrfica es el que tengan o no patines o serif.

Tradicionalmente en impresos los patines sirven para guiar la vista en la lectura, pero en pantalla hay que cuidar que los patines no formen pequeas manchas que impidan o bloquen la lectura. Tamao y peso: El tamao se mide en puntos y se determina por la distancia que hay de la lnea base a la lnea superior de una letra mayscula. Para impresos se recomienda un puntaje de 10 a 12 puntos y para monitor se recomienda un puntaje no menor a 14 puntos; si se maneja hipertexto se puede utilizar un puntaje de 12 como mnimo; aunque cabe aclarar que el puntaje depender tambin de la familia tipogrfica que se haya escogido, por ejemplo una Times de 12 puntos siempre ser ms pequea que una Helvtica o una Arial tambin de 12 puntos. El peso se refiere al grosor relativo de los tallos de las letras. (normal, light, medium, demi, bold y ultra).

Mara Antonieta Rodrguez Rivera 1

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Tipografa

Interlinea: Es el espacio que hay entre dos lneas de texto, la distancia entre la lnea base de un rengln de texto y la lnea base del siguiente. El interlineado recomendable es de 2 a 4 puntos ms del tamao del tipo, esto mejora la legibilidad.

Longitud de lnea: Es el nmero de palabras por rengln o lnea, esto es otro factor de legibilidad ya que lneas cortas con tipos grandes cortan las palabras y peor an las ideas; lo mismo sucede al contrario tipos pequeos en lneas muy largas provocan que el lector se pierda de un rengln a otro. En pantalla se recomiendan un promedio de 7 palabras por 7 renglones. Mrgenes: Enmarcan el cuerpo de texto al igual que a los otros elementos dentro del espacio; su uso es importante para darle aire a la composicin general.

Alineacin: Hay alineacin a la izquierda, derecha, centrada y justificada. En el proceso de lectura el ojo se acostumbra a regresar a un mismo punto de partida por lo que el texto destinado a una lectura continua debe ser lo ms accesible posible, esta accesibilidad depende de que se conserve la alineacin ya que esta tiene relacin directa con la atencin al texto y por lo tanto a la comprensin del mismo. En las pginas web lo mejor es utilizar la alineacin a la izquierda o a la derecha (segn el diseo y la idea del texto) ya que la justificada abre espacios entre las palabras muy desagradables y difciles de controlar.

Mara Antonieta Rodrguez Rivera 2

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Tipografa

La legibilidad: describe el hecho de que algunos tipos son adecuados para una lectura prolongada; y la visibilidad se refiere a la claridad del tipo de letra, que el tipo este bien definido y sea fcil de identificar. Visibilidad Legibilidad FALTA DE LEGIBILIDAD Falta de Visibilidad FALTA DE LEGIBILIDAD FALTA DE VISIBILIDAD Los tipos de letra ms legibles en pantalla son los tipos alargados de rasgos gruesos ya que los de rasgos muy finos se pierden en el monitor debido a su resolucin de 72 puntos por pulgada (dots per inch, dpi), que no es la misma de las impresoras. Se puede decir que las fuentes sin patines son mucho ms legibles y atractivas cuando se utilizan en tamaos pequeos para bloques de texto en pantalla, mientras que las fuentes con patines pueden ser utilizadas para ttulos y encabezados; para pginas de Internet, en particular, no tenemos muchas opciones, debido a que hay que seguir estndares para lograr que se mantenga la legibilidad y en general la apariencia de nuestra pgina en los distintos y muy variados monitores, plataformas y visualizadores por lo que los tipos que se recomiendan son los que trae el sistema, por ejemplo si queremos sin patines o sans-serif: Arial, Tahoma, Verdana o Helvtica; si la queremos con patines o serif: Times, Courier o Geneva; si queremos utilizar un tipo de letra de fantasa o diferente a los del sistema necesitamos convertirlo a imagen para que no cambie su forma, sin importar la mquina en donde se despliegue la pgina. En el cuerpo de texto la legibilidad es crucial; en los ttulos en cambio lo primordial es atraer la atencin lo que permite darle un tratamiento ms libre. Los ttulos deben concordar con el estilo general de los elementos grficos acompaantes y a diferencia del cuerpo de texto si pueden componerse nicamente de maysculas, ya que generalmente son palabras o frases cortas.

Recomendaciones
Utilizar nicamente dos tipos de letra en nuestras pantallas. Una para ttulos y otra para bloques de texto, as como definir estilos para mantener una consistencia en el diseo de las pantallas o pginas (el mismo tipo en los ttulos, en los bloques de texto, justificacin, interlineado, color, tamao y peso, estilo). Utilizar tipos sin patines, son menos difciles de leer en la pantalla. Utilizar un tamao de letra legible en la pantalla. Evitar el texto slo en maysculas en el cuerpo de texto ya que lo hace poco legible. Alinear los bloques de texto ya sea para la derecha o la izquierda, ya que la mirada tiene un punto de regreso al que se acostumbra rpidamente. La alineacin justificada no es muy recomendable para pginas de Internet ya que produce espacios desagradables y difciles de controlar en los editores de pginas.
Mara Antonieta Rodrguez Rivera 3

Curso Diseo grfico aplicado a cursos en lnea > Diseo Grfico > Tipografa

Utilizar fuentes predeterminadas o de sistema para evitar problemas de visualizacin y legibilidad en distintas computadoras. Si se requiere una fuente muy particular es necesario hacer una imagen del texto, siempre que se trate de ttulos o textos muy breves que no requieren de actualizacin permanente. Utilizar el color en tipografa slo si es absolutamente necesario: para destacar, dar consistencia, por razones motivacionales o estticas. Evitar la saturacin de texto en las pantallas, ste se debe reducir a lo ms esencial, cuando no es posible reducir ms la informacin textual y sigue siendo mucha sta puede ser convertida a hipertexto. De este modo el usuario puede navegar a travs del texto en forma no lineal, rpida e intuitivamente. Por otro lado las pantallas no estarn saturadas y mantendrn la constancia en cuanto a tipografa.

Mara Antonieta Rodrguez Rivera 4