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

Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicionRenan Israel
 
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.Monica Pelaez
 
Diagramación periodística
Diagramación periodísticaDiagramación periodística
Diagramación periodísticaeme2525
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticulaCarlos E Franco R
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacionliseth17
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación Nathaly Correa
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgEVELYNELENA3
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetaciónDavid Espinosa
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulasErika Nieto
 
Maquetacion editorial
Maquetacion editorialMaquetacion editorial
Maquetacion editorialLuis 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

FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNAle Altuve
 
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 ecuadorBladimir Jaramillo
 
Composición tipográfico
 Composición tipográfico Composición tipográfico
Composición tipográficomribaso
 
Redacción para medios electrónicos
Redacción para medios electrónicosRedacción para medios electrónicos
Redacción para medios electrónicosJuanfer Mejía
 
Historia de una transformación completo
Historia de una transformación   completoHistoria de una transformación   completo
Historia de una transformación completoMiguel Vill
 
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 tablasDayana Sinchiguano
 
Tipografia y maquetacion4
Tipografia y maquetacion4Tipografia y maquetacion4
Tipografia y maquetacion4sugart
 
Preimpresion filmacion
Preimpresion filmacionPreimpresion filmacion
Preimpresion filmacionsugart
 
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 2003MarielkysGaspar
 
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 textosJulio Cesar Tisoc
 
Tipografia y maquetacion3
Tipografia y maquetacion3Tipografia y maquetacion3
Tipografia y maquetacion3sugart
 

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-phpapp01Elia E. Polo
 
Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018Tania Muñoa
 
Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017Tania Muñoa
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4davidorozco7
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoAndyMora16
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoAnnabellYar
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográficaAlberto Vega
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavidDavid Correa
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicosAdrianagz
 

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

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

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

Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoJUANJOSESANCHEZPEA
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfPOLALAGUNADANIELA
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoThaisAymeeTacucheBen
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 

Último (20)

Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en México
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf triptico
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 

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.