Arquitectura gráfica y tipografía.

CONCEPTOS ASOCIADOS A LA
COMPOSICIÓN TIPOGRÁFICA Y
EL TRABAJO DE LA LINEA Y LA
IMAGEN

Hasta ahora hemos tratado

básicamente aspectos relativos a la
microtipografía: letras, palabras,
etc…Sin embargo el tratamiento de
líneas, columnas y textos requiere de
conceptos nuevos que nos ayuden a
organizar bien los contenidos en la
superficie del formato a diseñar, bien
sea una tarjeta, un cartel, un
periódico, una revista o un libro
ilustrado.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
Arquitectura gráfica y tipografía.

LA LINEA Y LA COLUMNA

Una línea es un conjunto de palabras que se

apoyan sobre la misma línea base. Y presenta dos
clases de problemas tipométricos, el del espacio
entre las palabras y el de las dimensiones de la
línea. Hay que hallar una medida razonable, que
dependerá del tipo de escrito que estemos
componiendo.

Hay que tener en cuenta…

1. El tipo de lectura que requiera el texto:

consulta, periódico, novela, estudio…

2. El tamaño de la letra: a mayor tamaño, mayor

longitud de línea.

3.El número ideal de caracteres según el ancho

de línea o de columna.

4-. Elección de tipos

5-. Función de los tipos

6-. Legibilidad

7-. Lecturabilidad

8-. Y muchos otros factores condicionarán

nuestro trabajo con líneas y textos…

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
Arquitectura gráfica y tipografía.
Tabulaciones: Justificación y alineación.

La alineación de los textos y su justificación condicionan visualmente el texto y su mancha tipográfica dentro del diseño de la página, es decir que son
elementos con un componente estético. Alinear significa colocar el texto en relación a una línea imaginaria que puede estar al centro, a la derecha o a la
izquierda. A su vez un texto puede estar justificado, que quiere decir que el texto se adapta a una caja imaginaria rectangular.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
Arquitectura gráfica y tipografía.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
Separación de párrafos. Arquitectura gráfica y tipografía.
Hay que considerar, además, que muchos diseños tipográficos requieren un particular tratamiento al separar los párrafos de textos de lectura. Las sangrías
se usan desde el s.XVII. La sangría normalmente es el espacio de una mayúscula (cuadratín). Normalmente se dice que en la primera línea no debe de haber
sangría ya que la sangría marca un salto de párrafo y en la primera línea no hay un salto que la anteceda, por eso es común ver sangría en un texto sin que
aparezca en el primer párrafo. Textos distintos invitan a usar marcas diferentes para los párrafos, de hecho existen múltiples formulas para dar un salto de
párrafo y separarlos:
* sangría y salto de línea (se adoptan en el s.XVII, uso tradicional sobre todo la sangría),
* salto de línea y medio espacio, sangría negativa y salto de línea (uso más contemporáneo) ,
* o marcas sin salto de línea ni sangría (separación de los párrafos en el origen del diseño editorial, medieval y en 1500, casi en desuso

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
 Delitos
tipográficos o
cámara de los
horrores

NO HACER/
PELÍGRO DE
MUERTE
GRÁFICA!!!
Arquitectura gráfica y tipografía.
Una línea viuda es aquella que, siendo la última de un párrafo, aparece al principio de la página o columna siguiente, por lo que se muestra aislada de su
contexto y, por norma general, seguida de una línea en blanco que la separa del siguiente párrafo.
El caso contrario, una línea huérfana es la primera línea de un párrafo que aparece al final de la página o columna, cuyo párrafo continúa en la siguiente página
o columna, quedando aislada del resto de su párrafo.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
Arquitectura gráfica y tipografía.
Rios: espacios abiertos en los textos que parecen ríos o líneas de espacios en blanco, rompiendo la armonía de la mancha tipográfica.
Mares: espacios abiertos en los textos que parecen huecos circulares de espacios en blanco, rompiendo la armonía de la mancha tipográfica.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
 Como elegir tipos para textos

¿Depende del proyecto?

¿quién lo va a leer?

¿cómo se va a leer?

¿qué debe suscitar?

¿Lectura comprensiva o titular?

¿Tipo de soporte?

¿También hay que pensar en los tamaños?

Arquitectura gráfica y tipografía. Elección en función de la legibilidad.
Principios de legibilidad. Características distintivas de los signos. Limite de identidad. Interacción texto e imagen. Variables
tipográficas y legibilidad.

Existen algunos parámetros para determinan la legibilidad de una tipografía.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
Diseño editorial. Legibilidad.

1-. El riesgo de
confusión entre
caracteres
debe ser bajo o
nulo.
Podemos por ejemplo juntar una I
mayúscula y una l, (Il). Si las formas y las
alturas son similares y no tienen serifa serán
muy fáciles de confundir. En el caso de la
Helvética y la Bodoni, se confunden
fácilmente mientras que no se hace en la
Oficina Sans.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
Diseño editorial. Legibilidad.

2. El riesgo de
confluencia.
Es otro rasgo que nos ayuda a determinar la
legibilidad de un tipo. Cuando dos letras juntas se
pueden confundir con otra por confluencia. Esto
pasa con la futura y la Avant Garde si juntamos la
r y la n (rn) parece una m.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
Diseño editorial. Legibilidad.

3.La proporción
es otro factor.
Debemos de tener una altura de la x generosa
para poder diferenciar los caracteres minúsculos
pero no se debe llegar a confundir con las astas
mayúsculas o los ascendentes. Una buena
proporción es (u=1/2 y h=1)

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
Diseño editorial. Legibilidad.

4. La similitud
entre caracteres.
Es otro de los caracteres es otro de los factores que
nos ayuda a determinar si una fuente es legible o no.
Suelen ser las familias geométricas en que las letras
están diseñadas a partir de un círculo cuando más se
parecen y confunden.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
Diseño editorial. Legibilidad.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
Diseño editorial. Legibilidad.

ESPACIADOS Y LEGIBILIDAD

Los espacios tanto de letra (tracking y kerning)

como los interlineados influyen en la legibilidad
de un texto. Cuando las letras de una palabra
están extremadamente separadas o tenemos
un tracking muy abierto (a partir de +25/50) se
perciben las letras como entidades aisladas y es
mas difícil componer palabras y frases. Es lo
mismo que pasa cuando las líneas están muy
separadas teniendo un interlineado mayor de
120 % del tamaño de la fuente.
Otro elemento que dificulta la legibilidad es el
hecho de que tengamos interlineados sólidos o
cerrados, por debajo de su proporción natural,
menos de 120%, ya que al pasar de línea
corremos el riesgo de saltar a una línea errónea
por proximidad.

Lecturabilidad/ largura/ extensión de la linea:

- Columna corta 35 caracteres
- Columna larga 70 caracteres

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
Diseño editorial. TEXTOS.
2-. Textos para cada función y lectura/ cuerpo del texto/texto de lectura/ parrafo:

Debemos elegir estilos para títulos, antetítulos, subtítulos, capitular, extractos-destacados, cuerpo de texto, autores de texto y fotografía, número de páginas,
encabezado de sección, etc… Un criterio importante es con que contenido vamos a diseñar en función del contenido o de publicación/público elegimos un tipo de
letra: romana, transición, palo…

• ELECCIÓN DE TIPOS EN FUNCIÓN DE LA PUBLICACIÓN Y EL TARGET

• PRINCIPIOS DE CLARIDAD, LEGIBILIDAD Y LECTURABILIDAD
Diseño editorial. Color y Legibilidad.

CROMATISMO Y LEGIBILIDAD

El color también dificulta la lectura, debemos

buscar contrastes asumibles para el ojo, es decir
evitar contrastes bajos y contrastes de colores que
producen distorsiones ópticas como vibraciones,
entre rojos y verdes , por ejemplo. Los fondos con
colores irregulares no planos requieren de mucha
dificultad para superponer textos, es por eso que si
buscamos textos funcionales de lectura debemos
tratar de conseguir fondos neutros.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
 Arquitectura gráfica y tipografía.
Jerarquización.

Para cualquier documento que trate textos con diferentes

funciones, ya sean titulo y texto de lectura, u otras muchas,
necesitamos una adecuación de formatos para los textos en
relación a su función e importancia. El formato que le damos a
los textos que poseen diferente función es conferirle una
jerarquía a esos textos. La jerarquía transmite la organización
del contenido y destaca unos elementos por encima de otros.
Esto ayuda al lector a acceder a la información y comprenderla.
Cada nivel de información debe señalarse con una marca:
sangría, interlineado, uno de variables tipográficas, elección de
fuentes distintas, color, tamaño, etc…)

Elección de tipos y Mixtura de letras. Teniendo en

cuenta la función de cada tipo de texto.

Combinar tipos para adecuarnos al contenido y la función de

los textos es algo complicado, pero de vital importancia.
Debemos buscar fuentes que estén ideológicamente asociadas
a nuestros contenidos, de manera que las letras se adecuen al
mensaje, y debemos jerarquizar buscando fuentes que
contrasten para distinguir diferentes niveles de importancia,
como títulos o texto corrido. Cuando combinemos tipos
debemos buscar contrastes tanto en pesos, anchos y formas
que nos ayuden a comprender y diferenciar bien los diferentes
niveles de importancia y nunca usar fuentes similares que no
ayudan a distinguir diferentes niveles de importancia dando
lugar a confusión.

Podemos citar como dos normas básicas:

1. Contraste y sentido,
2. Titulares VS texto corrido: Por ejemplo una bold con
carácter para titulares y una tipo con buena legibilidad
para texto corrido, pero nunca una bold, ultraligth o
condensada, sino mas bien una tipo equilibrada en ancho y
peso.
CUERPO DEL TEXTO (TAMAÑO) TENIENDO EN CUENTA SU FUNCIÓN

Del mismo modo que elegimos fuentes con una identidad gráfica determinada, debemos elegir buenos tamaños para cada tipo de estilo o función del texto.
Los tamaños para los textos dependen del tipo de publicación y su tamaño en mano, del lector y su edad, de la función del texto y de la distancia a la que
leamos.

Los títulos o titulares pueden tener cualquier tamaño si vamos a ser expresivos con el texto, y superar los 72 puntos, y los subtítulos o introducciones de
artículos la mitad o menos que estos primeros.

Lo más importante es colocar tamaños adecuados en los textos de lectura. No todas las fuentes poseen un tamaño homogéneo ya que su peso visual depende
de las alturas de sus líneas de referencia base como la altura de la x y sus ascendentes y descendentes. Un buen tamaño para texto de lectura cuando estamos
a una distancia cercana como un periódico o un texto podemos usar entre un 8 y un 12. Normalmente un 8 es para publicaciones dirigidas a un público joven
con buena destreza y habito en la lectura. El texto pequeño es más elegante y ayuda a reducir papel. Sin embargo si el público no tiene todavía tanto habito o
tiene ya problemas de lectura como cansancio o falta de visión debemos recurrir a tamaños mayores como 12. Podemos comparar publicaciones como
Historia o Yorokobu para ver estos cambios de tamaño. Nunca debemos elegir ni siquiera para tarjetas o marcadores tamaños inferiores a 6 ya que no son
legibles.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Legibilidad. Diseño editorial.
Arquitectura gráfica y tipografía.
Arquitectura gráfica y tipografía.

ESTRUCTURA CONSTRUCTIVA DE LA
PÁGINA. LA MANCHA TIPOGRÁFICA.
NEGROS, GRISES Y BLANCOS. EL
ESPACIO BLANCO. INSERCIÓN DE
IMÁGENES Y RETÍCULA.

LA COMPOSICIÓN Y DISTRIBUCIÓN DE LOS

ELEMENTOS EN LA PÁGINA

UNIPAGINA O MULTIPAGINA/ NO ES LO MISMO

COMPONER EN UN CARTEL O UNA PORTADA
QUE EN LA DOBLE PAGINA DE UNA REVISTA

MARGENES

FORMATO

MANCHETA O MANCHA, ES DECIR LA ZONA DE

IMPRESIÓN O LA ZONA EN LA QUE ESTARÁN LOS
CONTENIDOS DE LA PUBLICACIÓN O LA QUE
EQUIVALE AL TAMAÑO DE LA PÁGINA MENOS
LOS MÁRGENES.

ESPACIOS QUE VAMOS A UTILIZAR TANTO CON

TEXTO COMO CON IMAGEN

ESPACIOS QUE DEJAREMOS EN BLANCO,

ES UN EJERCICIO DE COMPOSICIÓN Y
ORDENACIÓN ELEMENTOS

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
Se utiliza para organizar todos los elementos tipográficos y demás ilustraciones que integraran la página. La configuración de la retícula, depende de la
información que se ha de transmitir y las propiedades físicas de cada elemento tipográfico. Las retícula de formato estándar, tienen módulos cuadrados,
columnas de texto, márgenes, líneas de contorno y medianiles (el espacio que queda en blanco entre dos columnas de texto).

Las tres funciones básicas de la retícula son:

• Son guías para la alineación y la distribución de los elementos en un formato.
• Organiza todos los elementos y los jerarquiza.
• Crea un orden intangible que puede ser comprendido y repetido por otras personas.
Los beneficios que reporta trabajar con una retícula son: Calidad, Eficacia, Economía, y Continuidad. Una retícula aporta a la maquetación un orden
sistemático y facilita al lector, distinguir los diversos tipos de información.
TIPOGRAFÍA Y ARQUITECTURA GRÁFICA
Sistemas de compisición.
Arquitectura gráfica y tipografía. Tipos de retícula.
LA RETICULA: DISTRIBUCIÓN DE TEXTO E IMAGEN

Las imágenes son los elementos de la composición que más

atraen la atención del lector, ya que visualmente son más
rápidas y atractivas de ver que el texto. Estas a su vez, deben
contener la información relacionada con el texto que las
acompaña, ya que de lo contrario, podríamos confundir al
público lector. Incluir imágenes o ilustraciones en nuestros
documentos proporciona mucha fuerza a los mismos, con el
aporte de belleza, dinamismo y atención para los lectores.

La colocación de las imágenes y su tamaño respecto al texto,

puede hacer que varíe el orden de lectura de un documento.
Por este motivo, es importante tener en cuenta el número de
imágenes, su tamaño y la colocación de las mismas, a la hora
de diseñar la retícula compositiva.
Una forma muy utilizada y acertada es la de componer formas
asimétricas a través de las imágenes, rompiendo a su vez la
monotonía de las composiciones.
Los espacios que se encuentran en blanco, no significan nada,
pero la composición permite que el texto se lea de una forma
más clara y que la composición produzca un efecto visual
agradable.

Las formas básicas de incluir imágenes….

* usando la retícula (mas usado en periódicos, revistas)
* como texturas de fondo (esquemas deconstrctivos-
expresivos, carteles)
* pagina enfrentando texto e imagen
* integrando texto en la imagen (debemos haber creado la
imagen pensando previamente en el texto
* imágenes con mucha información requieren de marcos u
otras estrategias para crear masas uniformes que me permitan
integrar textos.

TIPOGRAFÍA Y ARQUITECTURA GRÁFICA

Sistemas de compisición.
7. Diseño editorial.

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
Tipografía. Diagramacion de textos.

Tipografía y arquitectura gráfica 1º.

Tipografía..
7. Diseño editorial.

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.
HISTORIA Y TENDENCIAS…

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.
HISTORIA Y TENDENCIAS…

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.
HISTORIA Y TENDENCIAS…

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.
HISTORIA Y TENDENCIAS…

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.
HISTORIA Y TENDENCIAS…

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.
HISTORIA Y TENDENCIAS…

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.
7. Diseño editorial.
HISTORIA Y TENDENCIAS…

FUNDAMENTOS DEL DISEÑO

Diseño Editorial.