SlideShare una empresa de Scribd logo
1 de 54
5.1- Introducción a la tipografía: Historia, familias y tipos 5.2- Las Herramientas tipográficas: cuerpo de letra, interlineado, alineación, y condensación de caracteres  5.3- Diagramación, maquetación y composición tipográfica
5.3- Diagramación, maquetación y composición tipográfica Maquetación ,  composición de página , compaginación,  Diagramación , son diferentes términos que se usan para referirse a una misma cosa La manera de ocupar el espacio del plano que es la  página   Cómo  disponer  el conjunto de  elementos  (texto o imágenes) de tal forma que se consiga un  equilibrio estético  entre ellos y en el conjunto
5.3- Diagramación, maquetación y composición tipográfica UN POCO DE HISTORIA Desde la  Edad Media  existía la conciencia de diseño y equilibrio en la  composición de manuscritos  ,así como que los márgenes alrededor del texto fueran uniformes.
 
5.3- Diagramación, maquetación y composición tipográfica UN POCO DE HISTORIA Ya en la era  Gutenberg , los caracteres se disponían en filas para formar las palabras en  reglas longitudinales  y  columnas iguales  para formar una estructura coherente y equilibrada.
 
5.3- Diagramación, maquetación y composición tipográfica HOY DIA Los sistemas actuales  proporcionan una mayor flexibilidad y muchas  menos rigideces   Aún así es un requisito indispensable para el diseñador gráfico trabajar con una  estructura previa de página  y utilizarla como  guía  para colocar los elementos. Este proceso se denomina diseño o creación de la  retícula .
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ASPECTOS GENERALES Sirve para  organizar los elementos tipográficos y pictóricos  de una página y unificar todas las partes del diseño.  Las cuadrículas tipográficas estándar poseen  líneas de contorno ,  módulos cuadriculados ,  columnas de texto ,  medianiles  (espacio en blanco entre dos columnas de texto) y  márgenes .
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE A TENER EN CUENTA El  objetivo de comunicación  gráfica que se pretende.  Características del  documento gráfico  de que se trate  Tipo de  mensaje  a transmitir y el  estilo de comunicación  que se quiere conseguir.  La  cantidad de fotografías o ilustraciones  a utilizar en la página y la tipografía serán condicionantes Características del  papel y su tamaño .
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS A DECIDIR POR EL DISEÑADOR Márgenes  superiores e inferiores, interiores y exteriores de la página con relación a la zona de disposición del texto  La  tipografía  a utilizar, el  cuerpo  del tipo, el  cuerpo  de los títulos y subtítulos  La  alineación  de párrafos, el  interlienado , el  tracking . El  número de columnas  y la distancia entre ellas
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 1 COLUMNA 2 ó 4 COLUMNAS 3 ó 6 COLUMNAS
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 1 COLUMNA La retícula más simple es la de una  sola columna  con márgenes iguales en todos sus bordes  Este tipo de retícula se usa para  libros tradicionales  de lectura, y  otras muchas aplicaciones.  Disposición de elementos gráficos  muy limitada y más rígida  que otras variantes de retícula.
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 2 ó 4 COLUMNAS Son las  más utilizadas  en trabajos de diseño gráfico.  En general, cuando el número de columnas es  par  se consigue una  distribución más equilibrada Aunque, por otra parte, puede resultar  carente de originalidad .
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 3 ó 6 COLUMNAS Es  adecuada para folletos , proporciona  anchas y legibles  columnas de texto (LA DE 3), y al poder subdividirlas en 6 hay una mayor versatilidad en la disposición de los elementos.  Un número impar de columnas crea un  estilo diferente  y más  original  pero más difícil conseguir  equilibrio
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA Los tres elementos fundamentales del diseño en la página son los  títulos, el texto y las imágenes .  Todos deben combinarse en la retícula para formar un  conjunto armonioso , en el que los elementos se refuerzan unos a otros.  En la  mayoría de publicaciones , el texto, los títulos y las imágenes están dispuestos de tal forma que sugieren la existencia de una  retícula base .
 
 
 
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA TITULOS FUNCIÓN  de remarcar una información  de forma breve y de atraer la atención del lector hacia ella.  El cuerpo y el grosor  de la letra utilizada en el título es normamente superior que en el texto.  Magnífica forma de dar  viveza visual  a una página, pudiéndose utilizar recursos de  color, sombra , etc
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA SUBTITULOS Los subtítulos cumplen una función, similar a los títulos, de  llamar la atención del lector .  Información más detallada en un cuerpo de letra menor, pero todavía breve y concisa
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA EL TEXTO FUNCIÓN  narrativa, explicativa del objeto o conceptos que el documento gráfico presenta.  Restricciones  dentro de la retícula,  no  debe exceder los límites de la misma, tener  interlineado uniforme , un  cuerpo  de letra generalmente  igual  y un espaciado entre letras estable
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA LAS IMÁGENES El diseño de una composición incluye en una mayoría de casos el uso de algún tipo de  imagen, gráfico o fotografía .  Permiten romper las restricciones impuestas por la  retícula  y las  rigideces formales  creadas por los elementos tipográficos.  Pueden usarse más  flexiblemente  y visualmente estimulante.
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA LAS IMÁGENES Se puede con ellas  atravesar las columnas , ocupar el espacio de  más de una columna  e, incluso,  superar  los límites de la  retícula .
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA LAS IMÁGENES En resumen, las imágenes y su disposición en la retícula representan una oportunidad de ejercer la  libertad para el diseñador  y sus recursos creativos.  De todas maneras el tamaño y posición de las imágenes se disponen y dimensionan  en función de los espacios definidos en la retícula .
 
 
5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE CONSIDERACION FINAL La retícula  condiciona  decisivamente el  resultado  final Antes de empezar un  proyecto de diseño  se deben realizar diversas  pruebas de retículas , experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
 
 
 
 
 
 
 
 
 

Más contenido relacionado

La actualidad más candente

Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacion
liseth17
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
Nathaly Correa
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
David Espinosa
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulas
Erika Nieto
 
Maquetacion editorial
Maquetacion editorialMaquetacion editorial
Maquetacion editorial
Luis Frias
 

La actualidad más candente (20)

Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
Diagramación periodística
Diagramación periodísticaDiagramación periodística
Diagramación periodística
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacion
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dg
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Composición con retículas
Composición con retículasComposición con retículas
Composición con retículas
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulas
 
Mediosimpresos
MediosimpresosMediosimpresos
Mediosimpresos
 
Maquetacion editorial
Maquetacion editorialMaquetacion editorial
Maquetacion editorial
 
Reticula
ReticulaReticula
Reticula
 
Composición en Diseño Editorial
Composición en Diseño EditorialComposición en Diseño Editorial
Composición en Diseño Editorial
 

Destacado

Composición tipográfico
 Composición tipográfico Composición tipográfico
Composición tipográfico
mribaso
 
Diseño y aplicacion ce formato 2003
Diseño y aplicacion ce formato 2003Diseño y aplicacion ce formato 2003
Diseño y aplicacion ce formato 2003
MarielkysGaspar
 

Destacado (20)

Tipometria
TipometriaTipometria
Tipometria
 
TipografíA
TipografíATipografíA
TipografíA
 
Tipografia
Tipografia Tipografia
Tipografia
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Tipografia
TipografiaTipografia
Tipografia
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
 
Sistemas de composición tipográfica
Sistemas de composición tipográficaSistemas de composición tipográfica
Sistemas de composición tipográfica
 
Medios impresos y digitales en el ecuador
Medios impresos y digitales en el ecuadorMedios impresos y digitales en el ecuador
Medios impresos y digitales en el ecuador
 
Familias
FamiliasFamilias
Familias
 
Composición tipográfico
 Composición tipográfico Composición tipográfico
Composición tipográfico
 
Redacción para medios electrónicos
Redacción para medios electrónicosRedacción para medios electrónicos
Redacción para medios electrónicos
 
Historia de una transformación completo
Historia de una transformación   completoHistoria de una transformación   completo
Historia de una transformación completo
 
Cómo agregar tipografías , imágenes y tablas
Cómo agregar tipografías , imágenes y tablasCómo agregar tipografías , imágenes y tablas
Cómo agregar tipografías , imágenes y tablas
 
Tipografia y maquetacion4
Tipografia y maquetacion4Tipografia y maquetacion4
Tipografia y maquetacion4
 
Preimpresion filmacion
Preimpresion filmacionPreimpresion filmacion
Preimpresion filmacion
 
beCode's Slideshow @ TheEvnt
beCode's Slideshow @ TheEvntbeCode's Slideshow @ TheEvnt
beCode's Slideshow @ TheEvnt
 
Dachop
DachopDachop
Dachop
 
Diseño y aplicacion ce formato 2003
Diseño y aplicacion ce formato 2003Diseño y aplicacion ce formato 2003
Diseño y aplicacion ce formato 2003
 
Espaciado (kerning) y composición de textos
Espaciado (kerning) y composición de textosEspaciado (kerning) y composición de textos
Espaciado (kerning) y composición de textos
 
Tipografia y maquetacion3
Tipografia y maquetacion3Tipografia y maquetacion3
Tipografia y maquetacion3
 

Similar a Tipografia y maquetacion6

Documento5 140729215026-phpapp01
Documento5 140729215026-phpapp01Documento5 140729215026-phpapp01
Documento5 140729215026-phpapp01
Elia E. Polo
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
davidorozco7
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
Adrianagz
 

Similar a Tipografia y maquetacion6 (20)

Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Documento 5
Documento 5Documento 5
Documento 5
 
Documento5 140729215026-phpapp01
Documento5 140729215026-phpapp01Documento5 140729215026-phpapp01
Documento5 140729215026-phpapp01
 
Maquetacion1
Maquetacion1Maquetacion1
Maquetacion1
 
Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018
 
Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
Reticulas
ReticulasReticulas
Reticulas
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenografico
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenografico
 
T2 pa3armasdanieladg
T2 pa3armasdanieladgT2 pa3armasdanieladg
T2 pa3armasdanieladg
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 
Layout1
Layout1Layout1
Layout1
 
Layout1
Layout1Layout1
Layout1
 
Maquetación
MaquetaciónMaquetación
Maquetación
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 

Más de sugart (9)

Diseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visitaDiseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visita
 
Diseño corporativo a4_y_sobres
Diseño corporativo a4_y_sobresDiseño corporativo a4_y_sobres
Diseño corporativo a4_y_sobres
 
Diseño corporativo manual
Diseño corporativo manualDiseño corporativo manual
Diseño corporativo manual
 
El papel
El papelEl papel
El papel
 
Diseño corporativo el_logotipo
Diseño corporativo el_logotipoDiseño corporativo el_logotipo
Diseño corporativo el_logotipo
 
Fotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. SerigrafiaFotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. Serigrafia
 
Tipografia y maquetacion5
Tipografia y maquetacion5Tipografia y maquetacion5
Tipografia y maquetacion5
 
TIPOGRAFÍA Y MAQUETACIÓN 2
TIPOGRAFÍA Y MAQUETACIÓN 2TIPOGRAFÍA Y MAQUETACIÓN 2
TIPOGRAFÍA Y MAQUETACIÓN 2
 
TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1
 

Último

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 

Último (20)

cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 

Tipografia y maquetacion6

  • 1. 5.1- Introducción a la tipografía: Historia, familias y tipos 5.2- Las Herramientas tipográficas: cuerpo de letra, interlineado, alineación, y condensación de caracteres 5.3- Diagramación, maquetación y composición tipográfica
  • 2. 5.3- Diagramación, maquetación y composición tipográfica Maquetación , composición de página , compaginación, Diagramación , son diferentes términos que se usan para referirse a una misma cosa La manera de ocupar el espacio del plano que es la página Cómo disponer el conjunto de elementos (texto o imágenes) de tal forma que se consiga un equilibrio estético entre ellos y en el conjunto
  • 3. 5.3- Diagramación, maquetación y composición tipográfica UN POCO DE HISTORIA Desde la Edad Media existía la conciencia de diseño y equilibrio en la composición de manuscritos ,así como que los márgenes alrededor del texto fueran uniformes.
  • 4.  
  • 5. 5.3- Diagramación, maquetación y composición tipográfica UN POCO DE HISTORIA Ya en la era Gutenberg , los caracteres se disponían en filas para formar las palabras en reglas longitudinales y columnas iguales para formar una estructura coherente y equilibrada.
  • 6.  
  • 7. 5.3- Diagramación, maquetación y composición tipográfica HOY DIA Los sistemas actuales proporcionan una mayor flexibilidad y muchas menos rigideces Aún así es un requisito indispensable para el diseñador gráfico trabajar con una estructura previa de página y utilizarla como guía para colocar los elementos. Este proceso se denomina diseño o creación de la retícula .
  • 8.  
  • 9.  
  • 10. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ASPECTOS GENERALES Sirve para organizar los elementos tipográficos y pictóricos de una página y unificar todas las partes del diseño. Las cuadrículas tipográficas estándar poseen líneas de contorno , módulos cuadriculados , columnas de texto , medianiles (espacio en blanco entre dos columnas de texto) y márgenes .
  • 11.  
  • 12. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE A TENER EN CUENTA El objetivo de comunicación gráfica que se pretende. Características del documento gráfico de que se trate Tipo de mensaje a transmitir y el estilo de comunicación que se quiere conseguir. La cantidad de fotografías o ilustraciones a utilizar en la página y la tipografía serán condicionantes Características del papel y su tamaño .
  • 13.  
  • 14.  
  • 15. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS A DECIDIR POR EL DISEÑADOR Márgenes superiores e inferiores, interiores y exteriores de la página con relación a la zona de disposición del texto La tipografía a utilizar, el cuerpo del tipo, el cuerpo de los títulos y subtítulos La alineación de párrafos, el interlienado , el tracking . El número de columnas y la distancia entre ellas
  • 16. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 1 COLUMNA 2 ó 4 COLUMNAS 3 ó 6 COLUMNAS
  • 17. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 1 COLUMNA La retícula más simple es la de una sola columna con márgenes iguales en todos sus bordes Este tipo de retícula se usa para libros tradicionales de lectura, y otras muchas aplicaciones. Disposición de elementos gráficos muy limitada y más rígida que otras variantes de retícula.
  • 18.  
  • 19.  
  • 20. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 2 ó 4 COLUMNAS Son las más utilizadas en trabajos de diseño gráfico. En general, cuando el número de columnas es par se consigue una distribución más equilibrada Aunque, por otra parte, puede resultar carente de originalidad .
  • 21.  
  • 22.  
  • 23. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE RETICULAS SEGÚN NÚMERO DE COLUMNAS 3 ó 6 COLUMNAS Es adecuada para folletos , proporciona anchas y legibles columnas de texto (LA DE 3), y al poder subdividirlas en 6 hay una mayor versatilidad en la disposición de los elementos. Un número impar de columnas crea un estilo diferente y más original pero más difícil conseguir equilibrio
  • 24.  
  • 25.  
  • 26. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA Los tres elementos fundamentales del diseño en la página son los títulos, el texto y las imágenes . Todos deben combinarse en la retícula para formar un conjunto armonioso , en el que los elementos se refuerzan unos a otros. En la mayoría de publicaciones , el texto, los títulos y las imágenes están dispuestos de tal forma que sugieren la existencia de una retícula base .
  • 27.  
  • 28.  
  • 29.  
  • 30.  
  • 31.  
  • 32. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA TITULOS FUNCIÓN de remarcar una información de forma breve y de atraer la atención del lector hacia ella. El cuerpo y el grosor de la letra utilizada en el título es normamente superior que en el texto. Magnífica forma de dar viveza visual a una página, pudiéndose utilizar recursos de color, sombra , etc
  • 33.  
  • 34. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA SUBTITULOS Los subtítulos cumplen una función, similar a los títulos, de llamar la atención del lector . Información más detallada en un cuerpo de letra menor, pero todavía breve y concisa
  • 35.  
  • 36. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA EL TEXTO FUNCIÓN narrativa, explicativa del objeto o conceptos que el documento gráfico presenta. Restricciones dentro de la retícula, no debe exceder los límites de la misma, tener interlineado uniforme , un cuerpo de letra generalmente igual y un espaciado entre letras estable
  • 37.  
  • 38. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA LAS IMÁGENES El diseño de una composición incluye en una mayoría de casos el uso de algún tipo de imagen, gráfico o fotografía . Permiten romper las restricciones impuestas por la retícula y las rigideces formales creadas por los elementos tipográficos. Pueden usarse más flexiblemente y visualmente estimulante.
  • 39. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA LAS IMÁGENES Se puede con ellas atravesar las columnas , ocupar el espacio de más de una columna e, incluso, superar los límites de la retícula .
  • 40.  
  • 41.  
  • 42. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE ELEMENTOS DEL DISEÑO DE LA RETICULA LAS IMÁGENES En resumen, las imágenes y su disposición en la retícula representan una oportunidad de ejercer la libertad para el diseñador y sus recursos creativos. De todas maneras el tamaño y posición de las imágenes se disponen y dimensionan en función de los espacios definidos en la retícula .
  • 43.  
  • 44.  
  • 45. 5.3- Diagramación, maquetación y composición tipográfica EL DISEÑO DE LA RETÍCULA BASE CONSIDERACION FINAL La retícula condiciona decisivamente el resultado final Antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas , experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
  • 46.  
  • 47.  
  • 48.  
  • 49.  
  • 50.  
  • 51.  
  • 52.  
  • 53.  
  • 54.