SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
ESPACIO BLANCO
 EG 1 - MACRO/MICRO TIPOGRAFIA


        AISLING BARCLAY
        ESTEL MARTÍNEZ
COMPOSICIÓN DEL TEXTO
        ·INTERLÍNEA·
       ·INTERPALABRA·
        ·INTERLETRA·
     ·COLOR TIPOGRÁFICO·
DESCRIPCIÓN
«El orden es la lógica del diseño y está controlado por el espacio.
La organización de este espacio es clave tanto para la legibilidad
como para el aspecto visual de una pieza gráfica».
                                                   Martin Solomon
INTERLÍNEA
· es el espacio que existe entre las líneas de un texto.

· debe ser determinado cuidadosamente:
   · si es demasiado pequeño el texto se empasta porque se tocan las
   ascendentes de la línea inferior con las descendentes de la superior.
   · si es demasiado grande el texto se desintegra en líneas.


· depende de la cantidad de palabras:
   · a más palabras, más interlínea, para facilitar al ojo la localización del inicio
   de la siguiente línea.
INTERLÍNEA
INTERPALABRA
                            TRACKING

· es el espacio que existe entre las palabras de una línea de texto.

· debe ser ópticamente regular para establecer un ritmo de lectura fluido.

· debe ser suficiente para que se diferencie una palabra de otra,
 pero no tanta como para que la línea se desintegre en palabras.
INTERPALABRA
    TRACKING
INTERLETRA
                             KERNING

· es el espacio que separa una letra de otra dentro de una palabra.

· debe ser suficiente para que cada signo se diferencie del
siguiente y pueda leerse con comodidad.

· si es poca, los signos van a tocarse; pero si es excesiva podría
disgregarse la palabra.

· la separación entre los caracteres debe tener relación con el
espacio interno de cada signo o contraforma.
INTERLETRA
   KERNING
COLOR TIPOGRÁFICO
· la interlínea, la interpalabra y la interletra están íntimamente
relacionadas con el color del texto.

· el texto se percibe como una mancha gris, promedio entre el negro
del texto y el blanco de los espacios.

· interlínea, interpalabra y interletra estrechas: el bloque tendrá un
color más oscuro.

· interlínea, interpalabra y interletra amplias: el bloque de texto
tendrá un color claro.
COLOR TIPOGRÁFICO
COMPOSICIÓN DEL ESPACIO
       ·CAJA VIRTUAL·
        ·MÁRGENES·
         ·MEDIANIL·
         ·PÁRRAFO·
         ·SANGRÍA·
          ·CALLES·
DESCRIPCIÓN
· espacio no ocupado por elementos gráficos.

· proporciona un marco a objetos aislados o grupos, lo que ayuda a
distinguirlos de otros elementos de la maquetación.

· favorece la navegación visual o fluidez, el orden en el cual la mirada
recorre el espacio o la focalización un determinado elemento.
CAJA VIRTUAL
· primer gran espacio que se determina sobre un soporte.

· es la delimitación del área de trabajo, que queda contenida por
los márgenes.
CAJA VIRTUAL
MÁRGENES
· son los espacios positivos y negativos de la publicación.

· enmarcan el texto o las ilustraciones, crean un contraste estético
de quietud...

· pueden utilizarse para dirigir la atención, pueden servir de
espacio de descanso para el ojo o contener otra información.
MÁRGENES
                    margen de cabeza




                                                       margen
margen                                                 de corte
de corte




           margen de pie               margen de pie
                           margen de lomo
MÁRGENES
· función en la página impresa:
   · evitar que partes del texto se pierdan en el guillotinado.
   · dejar un espacio para poder manipular con comodidad la página.
   · evitar que la encuadernación obstruya la lectura.


· función en la página digital:
   · en tablets y e-books no existen márgenes de página (el propio aparato
   nos los proporciona).
   · debemos tener en cuenta que utilizaremos el dedo para deslizar el texto y que
   conviene dejar un lado mínimo para no tapar lo que estamos observando.
MÁRGENES
MEDIANIL
· espacio vertical en blanco entre dos columnas.

· si el medianil es excesivo, parecerá que las columnas no tienen
relación y difuculta la lectura continua del texto.

· si el medianil es insuficiente, parecerá que el texto de las columnas
de pega y el lector puede saltar de una columna a otra al no tener
claro dónde termina.
MEDIANIL
PÁRRAFO
· es una unidad gráfica y de sentido que expresa una idea o un
argumento.

· en el cuerpo del texto, los párrafos se distinguen:
   · con una sangría en la primera línea de cada uno.
   · con una línea en blanco entre ellos.


· no es conveniente aplicar ambos métodos a la vez ya que los
blancos resultarán muy irregulares y restará simetría visual y
legibilidad.
PÁRRAFO
SANGRÍA
· es la introducción de varios espacios en blanco al comienzo de
una línea.

· se emplea en textos con bandera a la derecha.

· hay dos tipos importantes de sangría:
  · normal: se sangra la primera línea.
  · francesa: la primera línea permanece completa y el resto del texto se cuelga
  de ella (es poco usual porque es prácticamente una sangría inversa).
SANGRÍA
CALLES
· son los blancos verticales que se forman cuando el espacio que
hay entre dos palabras en varias líneas consecutivas coinciden
uno debajo de otro de manera que distrae la lectura.
CALLES
BIBLIOGRAFIA
MÜLLER-BROCKMANN, Josef, Sistemas de retículas. Gustavo Gili, México 1992.

DE BUEN UNNA, Jorge. Manual de diseño editorial. 3ª edición, corregida y aumentada.
Trea Ediciones, España, 2009.

MARTIN, Douglas, El diseño en el libro. Ediciones Pirámide, Madrid, 1994.

DE SOUSA, José, Diccionario de edicción, tipografía y artes gráficas.

http://www.designals.net/2011/04/espacio-y-estructura-parte-1-uso-del-espacio/

http://www.oert.org/la-letra-y-su-conjunto/

http://tiposformales.wordpress.com/2010/08/30/glosario-de-terminos-tipograficos/

http://www.h2e.es/diccionario

http://hurqualya.com/telomaq/sin-categorias/la-reticula-base/

http://www.17centimetros.com/?page_id=49

Más contenido relacionado

Destacado

Mi portafolio no es unchiste
Mi portafolio no es unchisteMi portafolio no es unchiste
Mi portafolio no es unchisteAbner Céspedes
 
1.6 The Quality of Life and Euthanasia - Ray Butcher
1.6 The Quality of Life and Euthanasia - Ray Butcher1.6 The Quality of Life and Euthanasia - Ray Butcher
1.6 The Quality of Life and Euthanasia - Ray ButcherDogs Trust
 
ISOMAT Company Profile
ISOMAT Company Profile ISOMAT Company Profile
ISOMAT Company Profile ISOMAT S.A.
 
Marketing especiales consultoria
Marketing especiales consultoriaMarketing especiales consultoria
Marketing especiales consultoriaCarmen Hevia Medina
 
Spring 2013
Spring 2013Spring 2013
Spring 2013Esri
 
Chinese Music - Erhu instrument
Chinese Music -  Erhu instrumentChinese Music -  Erhu instrument
Chinese Music - Erhu instrumentCamille Saucier
 
Site Optimizations to Schedule Before The Holiday Code Freeze
Site Optimizations to Schedule Before The Holiday Code FreezeSite Optimizations to Schedule Before The Holiday Code Freeze
Site Optimizations to Schedule Before The Holiday Code FreezeSearchSpring
 
Estudio comparativo: Fogging y Refracción Cicloplegica en niños
Estudio comparativo: Fogging y Refracción Cicloplegica en niñosEstudio comparativo: Fogging y Refracción Cicloplegica en niños
Estudio comparativo: Fogging y Refracción Cicloplegica en niñosCLINICA REMENTERIA
 
metastatik meme kanserinde doğal seyir-olgu sunumları
metastatik meme kanserinde doğal seyir-olgu sunumlarımetastatik meme kanserinde doğal seyir-olgu sunumları
metastatik meme kanserinde doğal seyir-olgu sunumlarıankaramhd
 
Cuesteonario 3-cromatografia-de-gases-1-8
Cuesteonario 3-cromatografia-de-gases-1-8Cuesteonario 3-cromatografia-de-gases-1-8
Cuesteonario 3-cromatografia-de-gases-1-8Altanas Lynda
 
precentacion de botanica, blogger
precentacion de botanica, bloggerprecentacion de botanica, blogger
precentacion de botanica, bloggerAngelo Cruz
 
El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...
El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...
El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...Banco Popular
 
Diseño forma y espacio
Diseño forma y espacioDiseño forma y espacio
Diseño forma y espacioLiss Portilla
 

Destacado (20)

Mi portafolio no es unchiste
Mi portafolio no es unchisteMi portafolio no es unchiste
Mi portafolio no es unchiste
 
1.6 The Quality of Life and Euthanasia - Ray Butcher
1.6 The Quality of Life and Euthanasia - Ray Butcher1.6 The Quality of Life and Euthanasia - Ray Butcher
1.6 The Quality of Life and Euthanasia - Ray Butcher
 
ISOMAT Company Profile
ISOMAT Company Profile ISOMAT Company Profile
ISOMAT Company Profile
 
Ask
AskAsk
Ask
 
Marketing especiales consultoria
Marketing especiales consultoriaMarketing especiales consultoria
Marketing especiales consultoria
 
Spring 2013
Spring 2013Spring 2013
Spring 2013
 
Cuidad de Ypacarai
Cuidad de YpacaraiCuidad de Ypacarai
Cuidad de Ypacarai
 
Pga 15 16.protected
Pga 15 16.protectedPga 15 16.protected
Pga 15 16.protected
 
Abc costo basado en actividades
Abc costo basado en actividadesAbc costo basado en actividades
Abc costo basado en actividades
 
Chinese Music - Erhu instrument
Chinese Music -  Erhu instrumentChinese Music -  Erhu instrument
Chinese Music - Erhu instrument
 
Site Optimizations to Schedule Before The Holiday Code Freeze
Site Optimizations to Schedule Before The Holiday Code FreezeSite Optimizations to Schedule Before The Holiday Code Freeze
Site Optimizations to Schedule Before The Holiday Code Freeze
 
Estudio comparativo: Fogging y Refracción Cicloplegica en niños
Estudio comparativo: Fogging y Refracción Cicloplegica en niñosEstudio comparativo: Fogging y Refracción Cicloplegica en niños
Estudio comparativo: Fogging y Refracción Cicloplegica en niños
 
metastatik meme kanserinde doğal seyir-olgu sunumları
metastatik meme kanserinde doğal seyir-olgu sunumlarımetastatik meme kanserinde doğal seyir-olgu sunumları
metastatik meme kanserinde doğal seyir-olgu sunumları
 
Cuesteonario 3-cromatografia-de-gases-1-8
Cuesteonario 3-cromatografia-de-gases-1-8Cuesteonario 3-cromatografia-de-gases-1-8
Cuesteonario 3-cromatografia-de-gases-1-8
 
Talp
TalpTalp
Talp
 
Burgenland
BurgenlandBurgenland
Burgenland
 
precentacion de botanica, blogger
precentacion de botanica, bloggerprecentacion de botanica, blogger
precentacion de botanica, blogger
 
El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...
El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...
El Edificio Abelias, sede tecnológica de Banco Popular, obtiene la certificac...
 
Diseño forma y espacio
Diseño forma y espacioDiseño forma y espacio
Diseño forma y espacio
 
Informe vinculacion quinta entrega
Informe vinculacion  quinta entregaInforme vinculacion  quinta entrega
Informe vinculacion quinta entrega
 

Similar a EG1 Espacio Blanco (20)

La palabra (2)
La palabra (2)La palabra (2)
La palabra (2)
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Legibilidad
LegibilidadLegibilidad
Legibilidad
 
La palabra
La palabraLa palabra
La palabra
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Fundamentos de la tipografía
Fundamentos de la tipografíaFundamentos de la tipografía
Fundamentos de la tipografía
 
La regla aurea
La regla aureaLa regla aurea
La regla aurea
 
Clase no 1
Clase no 1 Clase no 1
Clase no 1
 
Practica
PracticaPractica
Practica
 
La legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráficoLa legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráfico
 
Composición tipográfico
 Composición tipográfico Composición tipográfico
Composición tipográfico
 
4.2 composición
4.2 composición4.2 composición
4.2 composición
 
4.2 composicion
4.2 composicion4.2 composicion
4.2 composicion
 
Tipo
TipoTipo
Tipo
 
Tracking, kerning, leading
Tracking, kerning, leading Tracking, kerning, leading
Tracking, kerning, leading
 
Cómo utilizar los signos de puntuación
Cómo utilizar los signos de puntuaciónCómo utilizar los signos de puntuación
Cómo utilizar los signos de puntuación
 
La tipografía
La tipografíaLa tipografía
La tipografía
 
La Regla áUrea
La Regla áUreaLa Regla áUrea
La Regla áUrea
 
La Regla áUrea
La Regla áUreaLa Regla áUrea
La Regla áUrea
 
Tipograf A
Tipograf ATipograf A
Tipograf A
 

EG1 Espacio Blanco

  • 1. ESPACIO BLANCO EG 1 - MACRO/MICRO TIPOGRAFIA AISLING BARCLAY ESTEL MARTÍNEZ
  • 2. COMPOSICIÓN DEL TEXTO ·INTERLÍNEA· ·INTERPALABRA· ·INTERLETRA· ·COLOR TIPOGRÁFICO·
  • 3. DESCRIPCIÓN «El orden es la lógica del diseño y está controlado por el espacio. La organización de este espacio es clave tanto para la legibilidad como para el aspecto visual de una pieza gráfica». Martin Solomon
  • 4. INTERLÍNEA · es el espacio que existe entre las líneas de un texto. · debe ser determinado cuidadosamente: · si es demasiado pequeño el texto se empasta porque se tocan las ascendentes de la línea inferior con las descendentes de la superior. · si es demasiado grande el texto se desintegra en líneas. · depende de la cantidad de palabras: · a más palabras, más interlínea, para facilitar al ojo la localización del inicio de la siguiente línea.
  • 6. INTERPALABRA TRACKING · es el espacio que existe entre las palabras de una línea de texto. · debe ser ópticamente regular para establecer un ritmo de lectura fluido. · debe ser suficiente para que se diferencie una palabra de otra, pero no tanta como para que la línea se desintegre en palabras.
  • 7. INTERPALABRA TRACKING
  • 8. INTERLETRA KERNING · es el espacio que separa una letra de otra dentro de una palabra. · debe ser suficiente para que cada signo se diferencie del siguiente y pueda leerse con comodidad. · si es poca, los signos van a tocarse; pero si es excesiva podría disgregarse la palabra. · la separación entre los caracteres debe tener relación con el espacio interno de cada signo o contraforma.
  • 9. INTERLETRA KERNING
  • 10. COLOR TIPOGRÁFICO · la interlínea, la interpalabra y la interletra están íntimamente relacionadas con el color del texto. · el texto se percibe como una mancha gris, promedio entre el negro del texto y el blanco de los espacios. · interlínea, interpalabra y interletra estrechas: el bloque tendrá un color más oscuro. · interlínea, interpalabra y interletra amplias: el bloque de texto tendrá un color claro.
  • 12. COMPOSICIÓN DEL ESPACIO ·CAJA VIRTUAL· ·MÁRGENES· ·MEDIANIL· ·PÁRRAFO· ·SANGRÍA· ·CALLES·
  • 13. DESCRIPCIÓN · espacio no ocupado por elementos gráficos. · proporciona un marco a objetos aislados o grupos, lo que ayuda a distinguirlos de otros elementos de la maquetación. · favorece la navegación visual o fluidez, el orden en el cual la mirada recorre el espacio o la focalización un determinado elemento.
  • 14. CAJA VIRTUAL · primer gran espacio que se determina sobre un soporte. · es la delimitación del área de trabajo, que queda contenida por los márgenes.
  • 16. MÁRGENES · son los espacios positivos y negativos de la publicación. · enmarcan el texto o las ilustraciones, crean un contraste estético de quietud... · pueden utilizarse para dirigir la atención, pueden servir de espacio de descanso para el ojo o contener otra información.
  • 17. MÁRGENES margen de cabeza margen margen de corte de corte margen de pie margen de pie margen de lomo
  • 18. MÁRGENES · función en la página impresa: · evitar que partes del texto se pierdan en el guillotinado. · dejar un espacio para poder manipular con comodidad la página. · evitar que la encuadernación obstruya la lectura. · función en la página digital: · en tablets y e-books no existen márgenes de página (el propio aparato nos los proporciona). · debemos tener en cuenta que utilizaremos el dedo para deslizar el texto y que conviene dejar un lado mínimo para no tapar lo que estamos observando.
  • 20. MEDIANIL · espacio vertical en blanco entre dos columnas. · si el medianil es excesivo, parecerá que las columnas no tienen relación y difuculta la lectura continua del texto. · si el medianil es insuficiente, parecerá que el texto de las columnas de pega y el lector puede saltar de una columna a otra al no tener claro dónde termina.
  • 22. PÁRRAFO · es una unidad gráfica y de sentido que expresa una idea o un argumento. · en el cuerpo del texto, los párrafos se distinguen: · con una sangría en la primera línea de cada uno. · con una línea en blanco entre ellos. · no es conveniente aplicar ambos métodos a la vez ya que los blancos resultarán muy irregulares y restará simetría visual y legibilidad.
  • 24. SANGRÍA · es la introducción de varios espacios en blanco al comienzo de una línea. · se emplea en textos con bandera a la derecha. · hay dos tipos importantes de sangría: · normal: se sangra la primera línea. · francesa: la primera línea permanece completa y el resto del texto se cuelga de ella (es poco usual porque es prácticamente una sangría inversa).
  • 26. CALLES · son los blancos verticales que se forman cuando el espacio que hay entre dos palabras en varias líneas consecutivas coinciden uno debajo de otro de manera que distrae la lectura.
  • 28. BIBLIOGRAFIA MÜLLER-BROCKMANN, Josef, Sistemas de retículas. Gustavo Gili, México 1992. DE BUEN UNNA, Jorge. Manual de diseño editorial. 3ª edición, corregida y aumentada. Trea Ediciones, España, 2009. MARTIN, Douglas, El diseño en el libro. Ediciones Pirámide, Madrid, 1994. DE SOUSA, José, Diccionario de edicción, tipografía y artes gráficas. http://www.designals.net/2011/04/espacio-y-estructura-parte-1-uso-del-espacio/ http://www.oert.org/la-letra-y-su-conjunto/ http://tiposformales.wordpress.com/2010/08/30/glosario-de-terminos-tipograficos/ http://www.h2e.es/diccionario http://hurqualya.com/telomaq/sin-categorias/la-reticula-base/ http://www.17centimetros.com/?page_id=49