Escritura y tipografía

• Cuneiforme mesopotámica: una de las más antiguas, surgida hacia el 3500 a. C. en Sumeria y que perduraría durante unos cuatro mil años con interacciones con otros sistemas de escritura del Asia occidental y el Mediterráneo.

• Egipcia: también una de las más antiguas, surgida hacia el 3500 a. C. en Egipto con dos sistemas de escritura paralelos (hierático y jeroglífico) que evolucionarían hacia diferentes sistemas de escritura, muchos de ellos todavía vigentes, como los alfabetos griego, latín y cirílico o los abyads árabe y hebreo.

• India: la escritura bahmi, surgida hacia el año 500 a. C. en la actual India, es el origen de la rama evolutiva que dará lugar a diferentes sistemas extendidos por la cuenca del Indo, el Himalaya y parte del sureste asiático.

• China: surgida hacia el 2200 a. C. en China, ha dado lugar a sistemas de escritura todavía vigentes, sobre todo en el ámbito asiático.

• Mesoamericana: surgida en la cultura zapoteca hacia el año 500 a. C., evolucionará o influirá en el nacimiento de otros sistemas, como la escritura maya, en la zona de lo que hoy es México.

• Logográficos: cada grafema representa una palabra o morfema; representan la lengua tal como se piensa.

• Fonográficos: los grafemas representan sonidos, fonemas o conjuntos de fonemas; representan la lengua tal como se dice.

• Pictograma: es una representación figurativa o que guarda semejanza con lo que representa.

• Ideograma: es un signo abstracto que se relaciona convencionalmente con lo que representa.

• Un silabario: donde cada grafema representa una sílaba o conjunto de sonidos. El japonés utiliza dos tipos de silabarios, hiragana y katakana. La escritura griega de la época micénica también utilizaba un silabario.

• Un abyad o alfabeto consonántico: donde cada grafema representa un sonido consonante. Los lectores deducen los sonidos vocálicos por su conocimiento de la lengua. Son abyads los conjuntos de signos utilizados en el árabe o el hebreo.

• Un abugida, alfabeto silábico o alfasilabario: donde cada grafema representa un sonido consonante unido a un sonido vocálico. Normalmente hay un sonido vocálico básico y a través de modificaciones del signo se indica si la vocal es otra. Muy a menudo los abugidas han derivado de un sistema abyad originario. Son abugidas la escritura brahmi india, la escritura tibetana y el etíope.

• Un alfabeto o alfabeto completo: donde idealmente cada fonema tiene un grafema que lo representa. El griego, el latín y el cirílico son ejemplos típicos de alfabetos, aunque no en todas las lenguas se da la equivalencia entre un fonema y un signo gráfico. Sólo en lenguas que han adoptado el alfabeto en épocas recientes, como el turco con el alfabeto latino, existe esta equivalencia estricta.

• escritura cuneiforme: con los grafemas compuestos por marcas en forma de cuña

• escritura lineal: con grafemas formados por líneas

Escritura china

Cerca de una quinta parte de la población del mundo habla alguna forma de chino como lengua materna. Eso hace que sea la lengua con más número de hablantes nativos del mundo. Son lenguas con una cierta complejidad en su conocimiento. Actualmente, podemos hablar de la existencia de unos 50.000 caracteres chinos de los cuales 10.000 son realmente utilizados en la lengua culta y unos 3.000 se utilizan en una lengua más popular. Tradicionalmente, la escritura china se escribe en dirección descendente, pues al utilizar pincel y tinta resultaba más práctico escribir de arriba abajo, en las posteriores evoluciones y reformas han ido variando, pero actualmente se escribe de izquierda a derecha horizontalmente.

Podemos clasificar los caracteres chinos en tres grandes grupos: los pictogramas, los ideogramas y los fonogramas. Los primeros en ser utilizados fueron los pictogramas que guardaban una semejanza con lo representado. A partir de éstos se desarrollaron los ideogramas, principalmente a partir de la combinación de pictogramas. Mucho más recientemente se crearon fonogramas, que representan no el concepto, sino el fonema. La escritura china actual combina ideogramas y fonogramas.

Veamos el ejemplo de cómo un primitivo pictograma donde se representa el perfil de un árbol se dibuja de manera esquemática un tronco, las ramas y la copa. Si queremos decir un bosque, se repite (ideograma).

A la derecha vemos el pictograma que significa árbol en chino antiguo, acto seguido tenemos la evolución al ideograma que significa bosque (se repite el árbol).
Nota legal: imágenes de dominio público publicadas en Wikipedia Commons por Ángel Riesgo (2005), parcialmente modificadas.

Glifos y grafemas

Si un grafema es un signo que representa un sonido, un conjunto de sonidos o un concepto, un glifo es la representación gráfica de un grafema, de una parte de éste o de un conjunto de grafemas.

El término glifo proviene del griego glýfô (γλυφϖ), que significa esculpir o cortar. Así pues, el glifo es un signo grabado –originariamente en la piedra o el metal– y, por extensión, cualquier signo pintado, dibujado o representado gráficamente. Si un grafema –o un carácter, en el caso de la tipografía– es una unidad textual, un glifo es una unidad gráfica.

Los signos diacríticos –como acentos o diéresis– que utilizamos para alterar o definir la pronunciación de una palabra no son grafemas en sí mismos, son glifos que completan otros glifos. También los signos de puntuación son glifos que no corresponden a grafemas, son signos que orientan las pautas de lectura.

En tipografía, la mayor parte de los grafemas están representados por un solo glifo, es el caso de la mayoría de letras del alfabeto. Pero las ligaduras –como  o &– son glifos que representan dos grafemas.

Algunos sistemas de escritura ideográficos como las escrituras china o japonesa tienen glifos que se utilizan en diversos grafemas.

Las ligaduras entre dos grafemas son glifos que los copistas medievales introdujeron y consolidaron como una forma de ahorrar tiempo en la escritura. La tradición tipográfica los adoptó y los mantuvo, a menudo como una forma de dar un rasgo estético distintivo al texto.

• Jeroglífico: es una escritura pictográfica donde los grafemas representan seres, objetos y procesos de la realidad directamente o a través de la metáfora y la metonimia. Se utilizaba principalmente grabado en piedra o pintado en los muros de las tumbas.

• Hierático: es una escritura donde los grafemas son formas esquemáticas correspondientes a los pictogramas de la escritura jeroglífica. Se escribía con tinta negra y roja con un cálamo de caña sobre papiro.

• Quadrata: letras capitales de forma cuadrada que se tallaban sobre piedra. Tenía una estructura fuertemente geométrica basada en el cuadrado y el círculo, que responde a la voluntad de monumentalidad que requería su uso en los edificios de obra religiosa o civil. El cincelado de las líneas sobre la piedra daba lugar a los acabados terminales que hoy conocemos como serifas.

• Rústica: utiliza una forma más sencilla e informal de dibujar las letras con pluma o pincel. Se desarrolla a partir del siglo I d. C. y responde a la necesidad de expansión de la escritura sobre nuevos soportes. Por influencia de la herramienta, los trazos verticales son más delgados que los horizontales.

• Uncial o cursiva: este antecedente de las minúsculas responde a la necesidad de la escritura rápida con pluma, así los trazos se redondean, la práctica caligráfica liga los grafemas entre sí y algunas letras –como la b, la d o la p– muestran trazos ascendentes y descendentes.

Tumba de un legionario romano. Reproducción de la inscripción CIL XIII, 8079 de Bonna (Bonn, Alemania) del parque arqueológico de Vetera. Ejemplo de la escritura quadrata cortada sobre piedra.
Nota legal: © AdMeskens (2009). Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicada en Wikimedia Commons.

• Cuando nos encontramos con una curva en la parte de la base ésta se tiene que hacer pasar algo por debajo de la línea base.

• Si la línea curva está en la parte superior, ésta se hace pasar algo por encima de la altura de la "x" o de la altura de la mayúscula según sea la letra de caja baja o alta.

• la generación de los archivos que guardan los contornos geométricos de las letras,

• la posterior creación de archivos de mapa de bits (retícula de píxeles) de estos contornos.

Visualización de los caracteres tipográficos AV donde se muestran tanto los contornos (vectores) como su equivalente, producto de la rasterización de los vectores a píxeles (mapa de bits).
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imágenes de elaboración propia basadas en gráficos extraídos de Wikimedia Commons.

• Soportar varios tipos de fuente.

• Instalar temporalmente las fuentes y contar con la opción de borrar archivos.

• Visualizar de forma ordenada y lógica las tipografías con varias opciones de visualización posibles, atendiendo a sus futuras aplicaciones.

• Tener varias opciones posibles para organizar y administrar las fuentes en diferentes categorías.

• Permitir imprimir listas de todos los tipos o parte de ellos para tener un ejemplo impreso de cada fuente.

Jerarquía de los titulares

Por lo general, hay establecidos unos dos o tres niveles de titulares, no más, a excepción de casos de textos técnicos o muy especializados. Las características establecidas en cada caso dependerán del estilo definido en la compaginación. Éstos no son herméticos y se tienen que tomar como una orientación de estilo.
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia.

Ortotipografía

"Se puede definir ortotipografía como el protocolo y las buenas costumbres de la letra impresa, una serie de parámetros establecidos en la redacción y edición de textos.

Estudio de la gramática de la puntuación (las comas y los puntos, los dos puntos, el punto y coma, los paréntesis, los guiones, los signos de interrogación y los de exclamación...) de un texto que derivan de las normas de sintaxis, entonación y gusto personal en el redactado; cómo tratar las citaciones; el uso de mayúsculas y minúsculas, la cursiva, las comillas, las versalitas y la negrita; los números (cifras romanas o arábigas); cómo construir las abreviaturas (siglas, acrónimos, contracciones); las bibliografías (descripciones y referencias bibliográficas); así como conocer los elementos tipográficos que toman parte en la composición del texto (tamaños, fuentes, estilos, particularidades de los símbolos y caracteres específicos, etc.).

El primer tratado data de 1608 y lo escribió Hieronymus Hornschuch, llevaba por título: Ortotipografía, manual para los que tienen que corregir impresos y consejos útiles y necesarios para los que tienen que publicar sus propios escritos. Tradicionalmente se han ocupado de la tarea de la correcta redacción y revisión de los textos los llamados correctores (personas con formación lingüística en filología), pero desde la irrupción de la autoedición se están perdiendo estos especialistas intermediarios en detrimento de una óptima redacción del texto.

Hay dos tradiciones tipográficas: la anglosajona y la continental europea (o también llamada francesa), ambas son de hecho muy diferentes, pero ambas siguen un «código tipográfico» propio, con unas convenciones editoriales establecidas según siglos de experiencia. No son normas ni leyes estancas, son abiertas y flexibles, pero este pluralismo no significa falta de sentido y claridad en la edición de textos.

Se tiene que intentar saber medir cada paso, consensuar cada decisión tomada. No hay un sistema único, pero sí hay un orden establecido, una lógica, una coherencia interna que no imposibilita la libertad creativa, siempre que se haga con responsabilidad y siendo respetuosos con la tradición; creando textos y composiciones que sean estéticas y al mismo tiempo funcionales, sobre todo cuando se trabaja dentro del mundo del libro y su edición."

Josep Pujol; Joan Solà (1995). Ortotipografia. Manual de l'autor, l'autoeditor i el dissenyador gràfic. Barcelona: Columna Editorial.

• Redactar de modo conciso y directo.

• Estructurar los contenidos en grupos lógicos de información, categorías y subcategorías; es mejor diferenciar cada parte en páginas diferentes. Éstas tienen que estar bien conectadas, por lo que es esencial un sistema de navegación adecuado. Esta partición tiene que basarse en los contenidos, no en la forma. Cada uno tiene que tener sentido propio e independiente, a pesar de que pueda estar relacionado con el resto.

• Utilizar sistemas modulares para presentar la información, consistentes y bien especificados. Facilitar la lectura de escaneo cuando el lector lee en la pantalla.

• Evitar demasiados vínculos, pues rompen la continuidad en la lectura. Es mejor considerar incorporar al final del texto una lista de los vínculos referenciados en un artículo: son igualmente accesibles y no despistan al lector, no lo perderemos desde un principio.

• Evitar demasiados niveles tipográficos, sobre todo en el enfatizado. Es muy importante marcar una jerarquía visual de la información con el mínimo de elementos posibles, utilizando hojas de estilo CSS para ser consistente y al mismo tiempo crear un diseño adaptado y fácil de modificar.

• Parece algo obvio, pero es importante repasar el texto a fondo y pasarle el corrector. Un texto con faltas y mal escrito se traduce en una desconfianza por parte del lector.

• Vigilar la conversión que sufre el texto cuando pasa de un editor de textos al formato web. Hay caracteres, como números y signos específicos, que se pueden perder o variar. Siempre se tiene que repasar.

<link rel="stylesheet" type="text/css" href="pantalla.css" media="pantalla"/>
<link rel="stylesheet" type="text/css" href="imprimir.css" media="imprimir"/>
<link rel="stylesheet" type="text/css" href="mobil.css" media="mobil"/>

body { font: 1em/1.3em Georgia, "Times New Roman", serif; }

Para la sangría se utiliza la propiedad de text-indent en el párrafo <p>
<p style="text-indent: 2em">Loren ipsum...</p>
Para separar espacios, debemos aplicar la propiedad de margin en el párrafo
<p style="margin-bottom: 1.2em">loren ipsum...</p>

Ejemplo.html
...
dentro de body
<div id="capa1">
Hay que poner los contenidos: imágenes, texto, animaciones, etc.<br/>
</div>
Estilo_Ejemplo.css


#capa1 {/*aquí definimos las propiedades de la capa*/
background-color: #fff;
margin: auto;
color: #000;
}

p { font-family: "Times New Roman", Georgia, serif }

p { font-size: 1em; text-indent: 2em; }