sonia dinamarca
comunicaci贸n visual
Clase II
Configuraci贸n de formato 10 de diciembre, 2010
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicaci贸n visual
Nociones Tipogr谩fico-editoriales I
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicación visual
¿qué es tipografía? 3 respuestas:
1
Sistema de impresión, basado en bloques de metal o madera con la figura en relieve de una letra invertida, que forman líneas de texto. Se entintan y traspasan los signos al papel mediante presión.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
¿qué es tipografía? 1
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
¿qué es tipografía? 3 respuestas:
1
2
Sistema de impresión, basado en bloques de metal o madera con la figura en relieve de una letra invertida, que forman líneas de texto. Se entintan y traspasan los signos al papel mediante presión.
Conjunto de todos los signos de un texto y la forma de sus siluetas.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
¿qué es tipografía?
2
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
¿qué es tipografía? 3 respuestas:
1
Sistema de impresión, basado en bloques de metal o madera con la figura en relieve de una letra invertida, que forman líneas de texto. Se entintan y traspasan los signos al papel mediante presión.
2
Conjunto de todos los signos de un texto y la forma de sus siluetas.
3
Disciplina que estudia todos los aspectos relacionados.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
¿qué es tipografía?
3
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
nomenclatura básica
altura de altura de altura de descendentes equis ascendentes
altura de mayúsculas
El cuerpo del tipo es un espacio fijo que está dividido verticalmente en distintos tramos: altura de las ascendentes, altura de x, altura de las descendentes y altura de mayúsculas.
cliente | enaer
Ehp exfa
cuerpo del tipo línea de base
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
nomenclatura básica El cuerpo del tipo es un espacio fijo que está dividido verticalmente en distintos tramos: altura de las ascendentes, altura de x, altura de las descendentes y altura de mayúsculas. Cómo se distribuyen estas alturas dentro del cuerpo, es un factor que varía en cada diseño. Es decir, distintas tipografías en un mismo cuerpo (tamaño) se comportan de modo muy diferente entre sí.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
nomenclatura básica El cuerpo del tipo es un espacio fijo que está dividido verticalmente en distintos tramos: altura de las ascendentes, altura de x, altura de las descendentes y altura de mayúsculas. Cómo se distribuyen estas alturas dentro del cuerpo, es un factor que varía en cada diseño. Es decir, distintas tipografías en un mismo cuerpo (tamaño) se comportan de modo muy diferente entre sí.
Seria, 70 pt
Slimbach, 70 pt
Ejemplo Ejemplo cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
la medida del tipo –El milímetro es una unidad insuficiente para medir la tipografía. –Las unidades de incremento utilizadas son puntos y picas (12 puntos). – Los puntos son un sistema de medición ideado en 1737 por el grabador y tipógrafo Pierre Simon Fournier, para el tamaño de los bloques de los tipos móviles.
El bloque, actualmente cuerpo de un tipo, se hace invisible en la impresión porque cada letra es siempre menor que el tamaño del tipo especificado.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicaci贸n visual
la medida del tipo Bloque o cuerpo del tipo
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicación visual
el párrafo: longitudes de línea Para una mejor lecturabilidad (o legibilidad), los anchos de los párrafos –o columnas– están determinados por el número de caracteres y no a partir del espacio disponible para diseñar. Párrafos para textos continuos:
60 caracteres promedio, por línea de texto 7 a 10 palabras (en español)
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: longitudes de línea Para una mejor lecturabilidad (o legibilidad), los anchos de los párrafos –o columnas– están determinados por el número de caracteres y no a partir del espacio disponible para diseñar. Párrafos para textos continuos:
60 caracteres promedio, por línea de texto 7 a 10 palabras (en español) o caracteres
6o caracteres
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: longitudes de línea Para una mejor lecturabilidad (o legibilidad), los anchos de los párrafos –o columnas– están determinados por el número de caracteres y no a partir del espacio disponible para diseñar. Párrafos para textos continuos:
60 caracteres promedio, por línea de texto 7 a 10 palabras (en español)
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido.
cliente | enaer
El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la interlínea – La interlínea es la separación o espacio asignado entre líneas de texto.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la interlínea – La interlínea es la separación o espacio asignado entre líneas de texto. – Es un recurso que permite acentuar adecuadamente cada línea de texto en un párrafo, para que el ojo pueda encontrar sin dificultad la línea siguiente durante la lectura.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la interlínea – La interlínea es la separación o espacio asignado entre líneas de texto. – Es un recurso que permite acentuar adecuadamente cada línea de texto en un párrafo, para que el ojo pueda encontrar sin dificultad la línea siguiente durante la lectura. – Cuando no se usa interlínea o, en el caso de los software, está determinada por el valor cero, se dice que la interlínea es sólida.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la interlínea – La interlínea es la separación o espacio asignado entre líneas de texto. – Es un recurso que permite acentuar adecuadamente cada línea de texto en un párrafo, para que el ojo pueda encontrar sin dificultad la línea siguiente durante la lectura. – Cuando no se usa interlínea o, en el caso de los software, está determinada por el valor cero, se dice que la interlínea es sólida. – En promedio, corresponde al 120% del cuerpo.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la interlínea Fran 14 / 14 pt El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
Interlínea cero o sólida.
cliente | enaer
Fran 14 / 17 pt El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
Interlínea adecuada, 120% cuerpo.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la sangría – Son espacios blancos que se insertan al comienzo de cada párrafo para diferenciarlos unos de otros.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la sangría – Son espacios blancos que se insertan al comienzo de cada párrafo para diferenciarlos unos de otros. – Es más recomendado usar sangría que renglones blancos para separar párrafos, ya que los renglones en blanco disgregan visualmente el texto y frangmentan la fluidez de la lectura.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la sangría – Son espacios blancos que se insertan al comienzo de cada párrafo para diferenciarlos unos de otros. – Es más recomendado usar sangría que renglones blancos para separar párrafos, ya que los renglones en blanco disgregan visualmente el texto y frangmentan la fluidez de la lectura. – Nunca se debe usar sangría y renglones blancos, ya que es redundante.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la sangría – Son espacios blancos que se insertan al comienzo de cada párrafo para diferenciarlos unos de otros. – Es más recomendado usar sangría que renglones blancos para separar párrafos, ya que los renglones en blanco disgregan visualmente el texto y frangmentan la fluidez de la lectura. – Nunca se debe usar sangría y renglones blancos, ya que es redundante. – El tamaño de la sangría debiera ser el mismo que el cuerpo de la tipografía, generando un blanco más o menos cuadrado (cuadratín).
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la sangría – Son espacios blancos que se insertan al comienzo de cada párrafo para diferenciarlos unos de otros. – Es más recomendado usar sangría que renglones blancos para separar párrafos, ya que los renglones en blanco disgregan visualmente el texto y frangmentan la fluidez de la lectura. – Nunca se debe usar sangría y renglones blancos, ya que es redundante. – El tamaño de la sangría debiera ser el mismo que el cuerpo de la tipografía, generando un blanco más o menos cuadrado (cuadratín). – Nunca se usa la tecla TAB para generar sangrías.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la sangría
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
cliente | enaer
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la sangría
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
cliente | enaer
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicaciรณn visual
el pรกrrafo: la justificaciรณn 1
cliente | enaer
Justificaciรณn en bandera: alineado a la izquierda o derecha, al otro extremo queda una forma irregular.
proyecto | capacitaciรณn en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la justificación 1
cliente | enaer
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la justificación 1
Justificación en bandera: alineado a la izquierda o derecha, al otro extremo queda una forma irregular.
2
Justificación centrada: irregular a ambos lados de manera simétrica.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la justificación
2
cliente | enaer
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la justificación 1
Justificación en bandera: alineado a la izquierda o derecha, al otro extremo queda una forma irregular.
2
Justificación centrada: irregular a ambos lados de manera simétrica.
3
Justificación forzada: alineado a ambos extremos.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
el párrafo: la justificación
3
cliente | enaer
El Diseño editorial consiste en la diagramación de textos e imágenes incluidas en publicaciones tales como revistas, periódicos o libros. Dentro de se debe tratar uno o varios temas y la elección de ellos depende en gran medida a que tipo de publico irá dirigido. El diseño de alguna revista o cualquier otro medio tiene ciertas características en cuanto a formato, composición, contenido de las páginas, etc… e incluso jerarquía de los elementos para tener una noción de cómo irán estructurados y distribuidos.
*La justificación en bandera a la izquierda y la justificación forzada, son las ideales para la lectura extensa. **En columnas angostas no es recomendable la justificación forzada, ya que deforma los espacios entre palabras.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicaci贸n visual
la caja de texto Es el espacio dentro de la p谩gina que marca los l铆mites para los textos tratados para la lectura continua, el espacio sobrante a cada extremo es el margen.
Estudio de proporciones de una caja hecho por Jan Tschichold.
cliente | enaer
1
2
3
4
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicación visual
la caja de texto Es el espacio dentro de la página que marca los límites para los textos tratados para la lectura continua, el espacio sobrante a cada extremo es el margen.
14
14
Otras proporciones de caja y su folio o nº de página.
cliente | enaer
15
15
14
14
15
15
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
la retícula Es una estructura invisible que ordena los elementos tanto tipográficos como figurativos (fotografías, ilustraciones, tablas, gráficos, etc.), la cual se puede adaptar según las necesidades de la publicación. Es una herramienta que consta de columnas, intercolumnas, filas y márgenes.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicaci贸n visual
la ret铆cula
columna
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicaci贸n visual
la ret铆cula
intercolumnas o gutter
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicaci贸n visual
la ret铆cula fila
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicaci贸n visual
la ret铆cula
m谩rgenes
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicaci贸n visual
la ret铆cula
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicaci贸n visual
la ret铆cula
cliente | enaer
proyecto | capacitaci贸n en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 1
cliente | enaer
Definir el bloque de texto más pequeño (fuente y tamaño) –como los pie de fotos–, para determinar el ancho y número de columnas en la página.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 1
Definir el bloque de texto más pequeño (fuente y tamaño) –como los pie de fotos–, para determinar el ancho y número de columnas en la página.
2
Definir el texto general: fuente, tamaño e interlínea.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 1
Definir el bloque de texto más pequeño (fuente y tamaño) –como los pie de fotos–, para determinar el ancho y número de columnas en la página.
2
Definir el texto general: fuente, tamaño e interlínea.
3
La interlínea del texto pequeño y el texto general deben tener un múltiplo común. Ejemplos: –múltiplo 2 > texto general 10/12 pt; texto pequeño 7/10 pt –múltiplo 3 > texto general 10/15 pt; texto pequeño 6/9 pt *este múltiplo común constituye el incremento para la grilla de línea de base o “baseline grid”
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 4
cliente | enaer
Simular bloques de texto pequeño y general, con sus anchos respectivos de columnas (el texto general normalmente ocupa más de 1 columna de ancho), en la página maestra.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 4
Simular bloques de texto pequeño y general, con sus anchos respectivos de columnas (el texto general normalmente ocupa más de 1 columna de ancho), en la página maestra.
5
Alinear la primera línea de ambos bloques por la línea de base.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 4
Simular bloques de texto pequeño y general, con sus anchos respectivos de columnas (el texto general normalmente ocupa más de 1 columna de ancho), en la página maestra.
5
Alinear la primera línea de ambos bloques por la línea de base.
6
Activar visualización de “baseline grid”.
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 4
Simular bloques de texto pequeño y general, con sus anchos respectivos de columnas (el texto general normalmente ocupa más de 1 columna de ancho), en la página maestra.
5
Alinear la primera línea de ambos bloques por la línea de base.
6
Activar visualización de “baseline grid”.
7
En Preferences > Units & increments > verificar que esté en puntos. En Preferences > Grids > ajustar comienzo de grilla e incremento con el múltiplo de interlínea (Start - Increment Every).
cliente | enaer
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 8
cliente | enaer
En paleta Paragraph verificar que los dos bloques de textos estén alineados a baseline grid.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 8 9
cliente | enaer
En paleta Paragraph verificar que los dos bloques de textos estén alineados a baseline grid.
Marcar con guías (sacar de la regla superior) las líneas de base que coinciden entre texto general y texto pequeño.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicación visual
definir una retícula tipográfica 8 9 10
cliente | enaer
En paleta Paragraph verificar que los dos bloques de textos estén alineados a baseline grid.
Marcar con guías (sacar de la regla superior) las líneas de base que coinciden entre texto general y texto pequeño.
Si es necesario, modificar el márgen inferior de la caja para que coincidan ambos bloques de texto en la misma línea.
proyecto | capacitación en programa indesign
sonia dinamarca
comunicaci贸n visual
...ahora a abrir Indesign.
cliente | enaer
proyecto | capacitaci贸n en programa indesign