SlideShare una empresa de Scribd logo
1 de 54
Descargar para leer sin conexión
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

Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................RebecaVera12
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfsolidalilaalvaradoro
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 20242024 GCA
 
1_Documento-Resolucion-de-conflictos_Ok.pdf
1_Documento-Resolucion-de-conflictos_Ok.pdf1_Documento-Resolucion-de-conflictos_Ok.pdf
1_Documento-Resolucion-de-conflictos_Ok.pdfCyberSanLuis
 
Tríptico semana santa domingos de ramoss
Tríptico semana santa domingos de ramossTríptico semana santa domingos de ramoss
Tríptico semana santa domingos de ramossmatiaschavez1811
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.JimenaPozo3
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfautomatechcv
 
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...collagedesign18
 
fascismo en Europa presentación de la asignatura de geografía e historia
fascismo en Europa presentación de la asignatura de geografía e historiafascismo en Europa presentación de la asignatura de geografía e historia
fascismo en Europa presentación de la asignatura de geografía e historiamartabarrilerocontre1
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdfyolandavalencia19
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfYesiRoh
 
sesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesantesesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesanteDilmiaZorayaVasquezR
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDElenitaIriarte1
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxYeissonRINCONRIVERA
 
Plan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptx
Plan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptxPlan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptx
Plan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptxANDREAAYDEGARZAHERNA
 
abecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorearabecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorearNoemiCARABAJAL
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdfcpachecot
 

Último (20)

Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024
 
1_Documento-Resolucion-de-conflictos_Ok.pdf
1_Documento-Resolucion-de-conflictos_Ok.pdf1_Documento-Resolucion-de-conflictos_Ok.pdf
1_Documento-Resolucion-de-conflictos_Ok.pdf
 
Tríptico semana santa domingos de ramoss
Tríptico semana santa domingos de ramossTríptico semana santa domingos de ramoss
Tríptico semana santa domingos de ramoss
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
 
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
 
fascismo en Europa presentación de la asignatura de geografía e historia
fascismo en Europa presentación de la asignatura de geografía e historiafascismo en Europa presentación de la asignatura de geografía e historia
fascismo en Europa presentación de la asignatura de geografía e historia
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdf
 
sesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesantesesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesante
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptx
 
Plan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptx
Plan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptxPlan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptx
Plan CUIDEMOS EL MEDIOAMBIENTE en preescolar .pptx
 
abecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorearabecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorear
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
 

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.