SlideShare uma empresa Scribd logo
1 de 41
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.2- Las Herramientas tipográficas ASPECTOS A TENER EN CUENTA 1) Elección de las Fuentes 2) Variantes de una fuente 3) Tamaño de las fuentes 4) Espaciado entre caracteres 5) Ancho de línea 6) Interlineado 7) Alineación 8) Color de la fuente
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES El color puede mejorar mucho la legibilidad de un texto, darle un mayor peso visual e incluso crear la impresión de mayor variedad de fuentes.  Un ligero toque de color en los titulos o subtítulos, o remarcando una cita, es un recurso muy útil
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES A TENER EN CUENTA Objetivo del TRABAJO Contraste Texto FONDO Características de la FUENTE
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Objetivo del TRABAJO Lo primero que deberemos de examinar son los objetivos del trabajo que tenemos que realizar Distintos productos, destinatarios y formatos necesitan obviamente distintos colores
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Contraste Texto FONDO Es uno de los factores más importante de los textos, que influye mucho en la legibilidad de los mismos  Un contraste adecuado hace que los textos se lean bien y que su lectura no canse al lector (importante cuando hay mucho texto).  Mejor contrate: Texto negro sobre fondo blanco o amarillo
Texto negro sobre fondo Blanco Texto negro sobre fondo Amarillo
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Contraste Texto FONDO CONSEJOS Sopesar cuidadosamente las tres propiedades del color (tono, valor e intensidad) y determinar el contraste apropiado entre las letras y su fondo. Podemos usar contrastes de tonos cálidos y fríos, contrates de valor (luminosos y oscuros) o contrastes de saturación (vivos y apagados). Si el tipo se disminuye en tamaño, debe incrementarse la fuerza de contraste de color.
Texto grande con poco contraste Texto más pequeño y con más contraste
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Contraste Texto FONDO Complementarios totalmente saturados, ofrecen un contraste tonal pleno, pero cuando lo aplicamos a tipo y fondo los bordes de las letras tienden a oscilar y complica la lectura del texto.
Texto azul sobre fondo Naranja Texto violeta sobre fondo Amarillo
Texto Naranja sobre fondo azul Texto Amarillo sobre fondo violeta
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Contraste Texto FONDO COMPLEMENTARIOS totalmente saturados, ofrecen un contraste tonal pleno, pero cuando lo aplicamos a tipo y fondo los bordes de las letras tienden a oscilar y complica la lectura del texto. Ambos colores poseen un brillo que rivaliza entre sí y que reclaman atención propia SOLUCION: La solución es suavizar o acentuar uno de los tonos haciendo que su valor pase a ser claro u oscuro.
Texto azul sobre fondo Naranja Texto violeta sobre fondo Amarillo
Texto Naranja sobre fondo azul Texto Amarillo sobre fondo violeta
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Contraste Texto FONDO COLORES ANÁLOGOS están demasiado cerca en el círculo cromático y no aportan suficiente contrate de tono o valor, deben reajustarse.
Texto rojo sobre fondo rojo anaranjado Texto rojo sobre fondo rojo anaranjado
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Contraste Texto FONDO COLORES ANÁLOGOS están demasiado cerca en el círculo cromático y no aportan suficiente contrate de tono o valor, deben reajustarse.  UN BUEN PRINCIPIO es coger colores que no estén directamente enfrentados ni estén demasiado próximos en el círculo cromático.
Texto naranja sobre fondo azul violáceo Texto amarillo anaranjado sobre fondo azul  verdoso
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Contraste Texto FONDO COLORES ANÁLOGOS están demasiado cerca en el círculo cromático y no aportan suficiente contrate de tono o valor, deben reajustarse.  UN BUEN PRINCIPIO es coger colores que no estén directamente enfrentados ni estén demasiado próximos en el círculo cromático.   Pero deben ser colores que difieran en valor e intensidad
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Características de cada FUENTE Un tipo muy fino o estrecho, o una letra de trazo puede parecer muy débiles o ilegibles si los tonos son muy similares o si los valores están demasiado próximos.  Debe de existir el contraste suficiente para la legibilidad de las letras.
Arial Narrow  Arial Normal
5.2- Las Herramientas tipográficas 8) El COLOR  DE LAS FUENTES Características de cada FUENTE Un tipo muy fino o estrecho, o una letra de trazo puede parecer muy débiles o ilegibles si los tonos son muy similares o si los valores están demasiado próximos.  Debe de existir el contraste suficiente para la legibilidad de las letras.  Si el contraste de colores no basta pueden añadirse perfiles y sombras.(no recomendable en bloques de texto)
5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Los comienzos de párrafo deben ser fácilmente reconocibles
5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Los comienzos de párrafo deben ser fácilmente reconocibles Hay que evitar en lo posible el texto subrayado, en especial títulos y subtítulos. Mejor itálicas y negritas. Se suele dejar un espacio mayor por encima de los títulos y subtítulos que por debajo
5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Las viñetas (bullets) y sangrías (indent) son útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc.
5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Las viñetas (bullets) y sangrías (indent) son útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc.  Los espacios en blanco hacen los documentos más fáciles de leer y le dan un espacio más limpio.
Tipografia y maquetacion5
Tipografia y maquetacion5

Mais conteúdo relacionado

Mais procurados

Redaccion y Ortografia
Redaccion y OrtografiaRedaccion y Ortografia
Redaccion y OrtografiaRoisbeth
 
Emanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel Rebollo
 
Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...
Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...
Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...malezaizq
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Jocelyn Oshi
 
Qué son las normas apa veronica
Qué son las normas apa veronicaQué son las normas apa veronica
Qué son las normas apa veronicaveronicaverbel
 
Ejemplos de Conceptos Tipográficos
Ejemplos de Conceptos TipográficosEjemplos de Conceptos Tipográficos
Ejemplos de Conceptos Tipográficosvero-mtz
 
Conceptos Basicos del Diseño Editorial
Conceptos Basicos del Diseño EditorialConceptos Basicos del Diseño Editorial
Conceptos Basicos del Diseño EditorialSandra Fernandez
 
Teoria de la tipografia natalia ricardo e.
Teoria de la tipografia  natalia ricardo e.Teoria de la tipografia  natalia ricardo e.
Teoria de la tipografia natalia ricardo e.Nicolas Ricardo Enciso
 
Algunas instrucciones para los ensayos
Algunas instrucciones para los ensayosAlgunas instrucciones para los ensayos
Algunas instrucciones para los ensayosEdison Parreño V.
 
Presentación de Tipografía
Presentación de TipografíaPresentación de Tipografía
Presentación de TipografíaDayis Guillermo
 

Mais procurados (20)

Normas apa 2019 1
Normas apa 2019 1Normas apa 2019 1
Normas apa 2019 1
 
Redaccion y Ortografia
Redaccion y OrtografiaRedaccion y Ortografia
Redaccion y Ortografia
 
Emanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicas
 
Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...
Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...
Observaciones importantes sobre_signos_de_puntuac_ix_n_y_ortotipogrxficos_22_...
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos
 
Qué son las normas apa veronica
Qué son las normas apa veronicaQué son las normas apa veronica
Qué son las normas apa veronica
 
Presentación
Presentación Presentación
Presentación
 
Ejemplos de Conceptos Tipográficos
Ejemplos de Conceptos TipográficosEjemplos de Conceptos Tipográficos
Ejemplos de Conceptos Tipográficos
 
Diccionarios 7º (1)
Diccionarios 7º (1)Diccionarios 7º (1)
Diccionarios 7º (1)
 
Conceptos Basicos del Diseño Editorial
Conceptos Basicos del Diseño EditorialConceptos Basicos del Diseño Editorial
Conceptos Basicos del Diseño Editorial
 
Clase no 1
Clase no 1 Clase no 1
Clase no 1
 
Teoria de la tipografia natalia ricardo e.
Teoria de la tipografia  natalia ricardo e.Teoria de la tipografia  natalia ricardo e.
Teoria de la tipografia natalia ricardo e.
 
Algunas instrucciones para los ensayos
Algunas instrucciones para los ensayosAlgunas instrucciones para los ensayos
Algunas instrucciones para los ensayos
 
Capítulo 2
Capítulo 2Capítulo 2
Capítulo 2
 
4edicion2 msw
4edicion2 msw4edicion2 msw
4edicion2 msw
 
Presentación de Tipografía
Presentación de TipografíaPresentación de Tipografía
Presentación de Tipografía
 
Diseño grafico
Diseño grafico Diseño grafico
Diseño grafico
 
La literatura
La literaturaLa literatura
La literatura
 
Fundamentos de la tipografía
Fundamentos de la tipografíaFundamentos de la tipografía
Fundamentos de la tipografía
 
Laboratorio final B
Laboratorio final   BLaboratorio final   B
Laboratorio final B
 

Destaque

COMPLEMENTARIOS - NARANJA Y AZUL
COMPLEMENTARIOS - NARANJA Y AZULCOMPLEMENTARIOS - NARANJA Y AZUL
COMPLEMENTARIOS - NARANJA Y AZULJozsef Bustamante
 
Diseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visitaDiseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visitasugart
 
TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1sugart
 
Preimpresion filmacion
Preimpresion filmacionPreimpresion filmacion
Preimpresion filmacionsugart
 
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
 
El papel
El papelEl papel
El papelsugart
 
Taller de Tipografías y Letterings para principiantes
Taller de Tipografías y Letterings para principiantesTaller de Tipografías y Letterings para principiantes
Taller de Tipografías y Letterings para principiantesBeCode Becodemyfriend
 
Diseño corporativo el_logotipo
Diseño corporativo el_logotipoDiseño corporativo el_logotipo
Diseño corporativo el_logotiposugart
 
TIPOGRAFÍA Y MAQUETACIÓN 2
TIPOGRAFÍA Y MAQUETACIÓN 2TIPOGRAFÍA Y MAQUETACIÓN 2
TIPOGRAFÍA Y MAQUETACIÓN 2sugart
 
Fotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. SerigrafiaFotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. Serigrafiasugart
 
Diseño corporativo a4_y_sobres
Diseño corporativo a4_y_sobresDiseño corporativo a4_y_sobres
Diseño corporativo a4_y_sobressugart
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6sugart
 
Diseño corporativo manual
Diseño corporativo manualDiseño corporativo manual
Diseño corporativo manualsugart
 

Destaque (20)

COMPLEMENTARIOS - NARANJA Y AZUL
COMPLEMENTARIOS - NARANJA Y AZULCOMPLEMENTARIOS - NARANJA Y AZUL
COMPLEMENTARIOS - NARANJA Y AZUL
 
Dachop
DachopDachop
Dachop
 
beCode's Slideshow @ TheEvnt
beCode's Slideshow @ TheEvntbeCode's Slideshow @ TheEvnt
beCode's Slideshow @ TheEvnt
 
Diseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visitaDiseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visita
 
TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1
 
Tipografia
TipografiaTipografia
Tipografia
 
Preimpresion filmacion
Preimpresion filmacionPreimpresion filmacion
Preimpresion filmacion
 
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
 
El papel
El papelEl papel
El papel
 
Taller de Tipografías y Letterings para principiantes
Taller de Tipografías y Letterings para principiantesTaller de Tipografías y Letterings para principiantes
Taller de Tipografías y Letterings para principiantes
 
Diseño corporativo el_logotipo
Diseño corporativo el_logotipoDiseño corporativo el_logotipo
Diseño corporativo el_logotipo
 
Tipografia 20normas
Tipografia 20normasTipografia 20normas
Tipografia 20normas
 
TIPOGRAFÍA Y MAQUETACIÓN 2
TIPOGRAFÍA Y MAQUETACIÓN 2TIPOGRAFÍA Y MAQUETACIÓN 2
TIPOGRAFÍA Y MAQUETACIÓN 2
 
Fotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. SerigrafiaFotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. Serigrafia
 
Tutorial Fontlab
Tutorial FontlabTutorial Fontlab
Tutorial Fontlab
 
Diseño corporativo a4_y_sobres
Diseño corporativo a4_y_sobresDiseño corporativo a4_y_sobres
Diseño corporativo a4_y_sobres
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6
 
Diseño corporativo manual
Diseño corporativo manualDiseño corporativo manual
Diseño corporativo manual
 
TipografíA
TipografíATipografíA
TipografíA
 
Manso
MansoManso
Manso
 

Semelhante a Tipografia y maquetacion5 (20)

2. elem graficos 2003
2. elem graficos 20032. elem graficos 2003
2. elem graficos 2003
 
4.4 tipografia
4.4 tipografia4.4 tipografia
4.4 tipografia
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
COLOR Y TIPOGRAFIA
COLOR Y TIPOGRAFIACOLOR Y TIPOGRAFIA
COLOR Y TIPOGRAFIA
 
14_Tipografía.pdf
14_Tipografía.pdf14_Tipografía.pdf
14_Tipografía.pdf
 
Tipograf A
Tipograf ATipograf A
Tipograf A
 
Tipografia
TipografiaTipografia
Tipografia
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Tipoggrafia
TipoggrafiaTipoggrafia
Tipoggrafia
 
Diseño de diapositivas
Diseño de diapositivasDiseño de diapositivas
Diseño de diapositivas
 
Taller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuelTaller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuel
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Piensa en tipos como en imágenes
Piensa en tipos como en imágenesPiensa en tipos como en imágenes
Piensa en tipos como en imágenes
 
Tiporafia y color
Tiporafia y colorTiporafia y color
Tiporafia y color
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografías2
Tipografías2Tipografías2
Tipografías2
 
La tipografía
La tipografíaLa tipografía
La tipografía
 
Fuente Tipografica
Fuente TipograficaFuente Tipografica
Fuente Tipografica
 
Criterios presentación
Criterios presentaciónCriterios presentación
Criterios presentación
 

Último

Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
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
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfANGELEMMANUELALBAAPA
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basicoJOSE645741
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...mariaclaramb
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
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
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
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
 
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
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfMariaGabrielaSandova2
 
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
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
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 griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 

Último (20)

Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
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)
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdf
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
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
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
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
 
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
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdf
 
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
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
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 griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 

Tipografia y maquetacion5

  • 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.2- Las Herramientas tipográficas ASPECTOS A TENER EN CUENTA 1) Elección de las Fuentes 2) Variantes de una fuente 3) Tamaño de las fuentes 4) Espaciado entre caracteres 5) Ancho de línea 6) Interlineado 7) Alineación 8) Color de la fuente
  • 3. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES El color puede mejorar mucho la legibilidad de un texto, darle un mayor peso visual e incluso crear la impresión de mayor variedad de fuentes. Un ligero toque de color en los titulos o subtítulos, o remarcando una cita, es un recurso muy útil
  • 4.
  • 5.
  • 6. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES A TENER EN CUENTA Objetivo del TRABAJO Contraste Texto FONDO Características de la FUENTE
  • 7. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Objetivo del TRABAJO Lo primero que deberemos de examinar son los objetivos del trabajo que tenemos que realizar Distintos productos, destinatarios y formatos necesitan obviamente distintos colores
  • 8. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Contraste Texto FONDO Es uno de los factores más importante de los textos, que influye mucho en la legibilidad de los mismos Un contraste adecuado hace que los textos se lean bien y que su lectura no canse al lector (importante cuando hay mucho texto). Mejor contrate: Texto negro sobre fondo blanco o amarillo
  • 9. Texto negro sobre fondo Blanco Texto negro sobre fondo Amarillo
  • 10. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Contraste Texto FONDO CONSEJOS Sopesar cuidadosamente las tres propiedades del color (tono, valor e intensidad) y determinar el contraste apropiado entre las letras y su fondo. Podemos usar contrastes de tonos cálidos y fríos, contrates de valor (luminosos y oscuros) o contrastes de saturación (vivos y apagados). Si el tipo se disminuye en tamaño, debe incrementarse la fuerza de contraste de color.
  • 11. Texto grande con poco contraste Texto más pequeño y con más contraste
  • 12. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Contraste Texto FONDO Complementarios totalmente saturados, ofrecen un contraste tonal pleno, pero cuando lo aplicamos a tipo y fondo los bordes de las letras tienden a oscilar y complica la lectura del texto.
  • 13. Texto azul sobre fondo Naranja Texto violeta sobre fondo Amarillo
  • 14. Texto Naranja sobre fondo azul Texto Amarillo sobre fondo violeta
  • 15. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Contraste Texto FONDO COMPLEMENTARIOS totalmente saturados, ofrecen un contraste tonal pleno, pero cuando lo aplicamos a tipo y fondo los bordes de las letras tienden a oscilar y complica la lectura del texto. Ambos colores poseen un brillo que rivaliza entre sí y que reclaman atención propia SOLUCION: La solución es suavizar o acentuar uno de los tonos haciendo que su valor pase a ser claro u oscuro.
  • 16. Texto azul sobre fondo Naranja Texto violeta sobre fondo Amarillo
  • 17. Texto Naranja sobre fondo azul Texto Amarillo sobre fondo violeta
  • 18. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Contraste Texto FONDO COLORES ANÁLOGOS están demasiado cerca en el círculo cromático y no aportan suficiente contrate de tono o valor, deben reajustarse.
  • 19. Texto rojo sobre fondo rojo anaranjado Texto rojo sobre fondo rojo anaranjado
  • 20. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Contraste Texto FONDO COLORES ANÁLOGOS están demasiado cerca en el círculo cromático y no aportan suficiente contrate de tono o valor, deben reajustarse. UN BUEN PRINCIPIO es coger colores que no estén directamente enfrentados ni estén demasiado próximos en el círculo cromático.
  • 21. Texto naranja sobre fondo azul violáceo Texto amarillo anaranjado sobre fondo azul verdoso
  • 22. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Contraste Texto FONDO COLORES ANÁLOGOS están demasiado cerca en el círculo cromático y no aportan suficiente contrate de tono o valor, deben reajustarse. UN BUEN PRINCIPIO es coger colores que no estén directamente enfrentados ni estén demasiado próximos en el círculo cromático. Pero deben ser colores que difieran en valor e intensidad
  • 23. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Características de cada FUENTE Un tipo muy fino o estrecho, o una letra de trazo puede parecer muy débiles o ilegibles si los tonos son muy similares o si los valores están demasiado próximos. Debe de existir el contraste suficiente para la legibilidad de las letras.
  • 24. Arial Narrow Arial Normal
  • 25. 5.2- Las Herramientas tipográficas 8) El COLOR DE LAS FUENTES Características de cada FUENTE Un tipo muy fino o estrecho, o una letra de trazo puede parecer muy débiles o ilegibles si los tonos son muy similares o si los valores están demasiado próximos. Debe de existir el contraste suficiente para la legibilidad de las letras. Si el contraste de colores no basta pueden añadirse perfiles y sombras.(no recomendable en bloques de texto)
  • 26.
  • 27.
  • 28.
  • 29.
  • 30. 5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Los comienzos de párrafo deben ser fácilmente reconocibles
  • 31.
  • 32.
  • 33. 5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Los comienzos de párrafo deben ser fácilmente reconocibles Hay que evitar en lo posible el texto subrayado, en especial títulos y subtítulos. Mejor itálicas y negritas. Se suele dejar un espacio mayor por encima de los títulos y subtítulos que por debajo
  • 34.
  • 35.
  • 36. 5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Las viñetas (bullets) y sangrías (indent) son útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc.
  • 37.
  • 38.
  • 39. 5.2- Las Herramientas tipográficas OTRAS REGLAS BÁSICAS DE LA TIPOGRAFÍA Las viñetas (bullets) y sangrías (indent) son útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc. Los espacios en blanco hacen los documentos más fáciles de leer y le dan un espacio más limpio.