La tipografía para páginas web

miércoles, noviembre 07, 2012 - Publicado por Martha Andani en 3:56

Para saber qué es la tipografía hablaremos primero de:

Tipo: Modelo o diseño de una letra determinada.

Fuente: Es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes. (Helvetica light, Helvetica roman, etc.)
Familia: Conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo en el grosor y anchura pero, manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios. (Helvetica, Rockwell, Times New Roman, etc.)
Estilo: Conjunto de las características formales. (Redonda, cursiva, negrita, etc.) Se puede aplicar a cualquier carácter de cualquier familia y fuente.




La tipografía es pues, el arte de disponer de todo lo anterior mencionado y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.



Anatomía del typo



- El Cuerpo tipográfico


El origen de esta denominación se encuentra en el sistema tipográfico.
La altura de la tipografía se divide en tres sectores: 


Alto, medio, bajo y la suma de los tres sectores más pequeños espacio blanco (llamado hombro) - necesario para que no se toquen los rasgos ascendentes de una línea con los descendentes de la otra - constituye el valor de cuerpo.


La elección del cuerpo tipográfico depende de varios factores;


  • Interlineado
  • El ancho de las columnas
  • La cantidad de texto.

En cuanto a esto último, si se trata de un bloque de texto, el tamaño tipográfico debe oscilar entre 8 y 11-12 puntos, en páginas web oscila entre 8 y 16 puntos incluso a veces más. De acuerdo con el tipo de letra seleccionado, los pie de página y el público al que se dirige la publicación y poniéndose por delante de la tipografía creativa como la de fantasía tendremos en web la de palo seco o lo que es lo mismo; Sans Serif, muy utilizada en estos sitios. Ayudan a guiar la mirada a través de toda la línea de texto facilitando así la legibilidad y funcionalidad. 






Tipometría: Sistema tipografico de medida.
La unidad es duodecimal, es decir entre la unidad superior y la inferior es de 12 puntos.
Medida Tipográfica: punto pica (0’35mm) y su múltiplo duodecimal, el cícero (4’23mm).
1´ pica = 12" puntos





Existen dos sistemas



1. Didot (europeo); Tipografia fisica. 

Sí dos puntos de pie de rey equivalen a un punto tipográfico, cuatro puntos de pie de rey equivalen a dos puntos tipográficos, etc. Por tanto, el punto tipográfico Didot equivale a 1/72 de la pulgada francesa.



El sistema Didot de medidas tipográficas tiene actualmente estas relaciones:



Punto Didot = 0.376 mm

Cícero Didot = 4.512 mm


2. Anglosajón; el sistema Postcrip funciona con este sistema. 9´ 6" ó 9p 6 (anotación caracteristica) 



La equivalencia del sistema angloamericano tiene estas relaciones.

1 punto = 0.352 mm
1 pica = 4.23 mm 


Partes y elementos de los caracteres



  • Elementos fijos, que no se pueden prescindir, cuando se plantea el diseño de una familia de tipos, pues forman y definen propiamente al carácter y sin ellos éste sería dificilmente identificable. (Asta, brazo, travesaño, perfil, cola, panza, hombro, ojal, cuello, etc.)
  • Elementos gráficos opcionales, aquellos que aportan riqueza formal. (Remate, gancho, lágrima, etc.)
Las líneas de referencia:



Sobre las que se asientan y entre las que se desarrollan y delimitan los caracteres y los elementos que las tipifican.






Alineación superior: Una o dos líneas que determinan la altura de las mayúsculas y la alineación superior de los caracteres con rasgos ascendentes.
Altura de las mayúsculas: Delimita la altura de las mayúsculas.
Línea media: Delimita la altura de las minúsculas, también conocido como ojo medio.
Línea base: Linea sobre la que se asienta el cuerpo principal de los caracteres minúsculos y que actúa como base de todos los mayúsculos.
Alineación inferior: Delimita los trazos descendentes.




Espacio entre palabras y letra

Interlineado: El espacio vertical entre las líneas de texto se denomina interlineado. El interlineado se mide desde la línea de base de una línea de texto hasta la línea de base de la línea anterior. La línea de base es la línea invisible sobre la que descansa la mayor parte de las letras (las que no presentan rasgos descendentes).


A.    Interlineado
B.    Altura del texto
C.   Un tamaño más grande de texto de una palabra aumenta el interlineado de esa línea.




  • Interlíneas combinadas. Cuando no hay o escasean las interlíneas de la medida a que se compone, se suplirá la falta combinando interlíneas menores que den el largo deseado. En este caso se evitará hacer en cada línea la misma combinación, y así se dará mayor consistencia al paquete.
Si por ejemplo, hubiera que componer a la medida 23 y se careciera de interlíneas de esta medida, podría hacerse alguna de las combinaciones siguientes: Una interlínea de 15 con otra de 8; una interlínea de 8 con otra de 15, y así sucesivamente toda la composición.
A la izquierda sangrías en párrafos y apartados y
a la derecha interlíneas combinadas

  • Composición desinterlineada. Cuando sea necesario que la composición ocupe menos lugar, se prescinde entonces de las interlíneas. 
Para esta clase de composición se suele utilizar el sacalíneas, que consiste en un filete con dos salientes en sus extremos superiores, que facilitan su manejo.

En la composición desinterlineada se comienza colocando una interlínea en el componedor, sobre ella se compone la línea, se coloca enseguida el sacalíneas y sobre él se compone la segunda línea; y sacando el sacalíneas, se vuelve a poner encima de la última línea compuesta, operación que se repite hasta llenar el componedor.


Al vaciar el componedor, para mayor facilidad, se pondrá una interlínea sobre el último renglón.
En los paquetes de composición desinterlineada es muy conveniente dejar de trecho en trecho una interlínea, que ya el compaginador se encargará luego de quitar. Con esto se evita el que puedan empastelarse fácilmente





Kern o Kerning; es el espacio existente entre dos caracteres individuales, para cuando dos de estos carácteres se encuentran demasiado juntos o separados. El kern es proporcional, ya que es del mismo tamaño en puntos que el cuerpo de los carácteres. Si un texto es de 10 puntos, el kern mide 10 puntos.






Track o Tracking; sirve para alterar la densidad visual del texto o el espacio global entre un grupo selecionado de caracteres. Esta alteración afecta a todos los caracteres, como regla general, cuanto más grande es el cuerpo más apretado debe ser el track. El track ajusta el espacio que existe entre los carácteres, abriendo los cuerpos más pequeños y cerrando los mas grandes.



  • La sangría:


Establece la distancia del párrafo respecto al margen izquierdo o derecho. Entre los márgenes, puede aumentar o disminuir la sangría de un párrafo o un grupo de párrafos. Además puede crear una sangría negativa (también denominada anulación de sangría), que empuja el párrafo hacia el margen izquierdo. Asimismo puede crear una sangría francesa, que no aplica la sangría a la primera línea del párrafo, pero sí a las líneas siguientes.



Reglas para las líneas cortas.
1ª. El texto de la línea corta ha de ocupar más espacio que la sangría.
 
2ª. El blanco que queda al final de la línea corta ha de ser, por lo menos, igual a la sangría de entrada; de ser menor, es preferible recorrer alguna sílaba a fin de hacer líneas completas.



  • El párrafo:
Es una unidad de puntuación. Un conjunto de oraciones o un periodo oracional que comienza con letra mayúscula y termina en un punto y aparte.




Tipos de párrafos:


Moderno; todas las lineas van justificadas y la ultima puede ser corta. Ésta es la disposición de la gran mayoría de los textos en páginas web.

Ordinario (diarios, novelas); la primera linea tiene una sangria y todas la lineas estan justificadas y la ultima puede ser corta. 


Francés (diccionarios, cartelera de cine); todas las lineas llevan sangrias excepto la primera, las lineas son justificadas y la ultima puede ser corta. 

Banderasson las lineas que estan justificadas y no tiene sangrias. (pies de fotos)

  • Bandera izquierda:
  • Bandera derecha:

Epigráfico (poemas, diarios-resumen de lo que dice el contenido); son lineas que van centradas. 
En bloc; todas las lineas justificadas incluyendo la primera y la ultima.
En las composiciones especiales o complejas se emplean otras disposiciones: 
Epigráfica o de líneas centradas, en bloque o de líneas exactamente iguales, quebrada o de líneas uniformes por el lado izquierdo dejando el derecho desigual o viceversa, en triángulo español o de líneas llenas dejando la última centrada, en base de lámpara o de líneas decrecientes…


Hemos aprendido pues, que es tan importante la posición del texto y la coherencia como la legibilidad en la web para así que el mensaje llegue a nuestro público cibernético sin ninguna barrera comprensiva. Añado un pdf bastante interesante sobre uno de los temas tocados en esta entrada. 


Seguidores

travel music


MusicPlaylistView Profile
Create a playlist at MixPod.com