Clase II_Configuracion de formato

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