SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

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
 

Tendances (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
 

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Dernier

Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfAgustnRomeroFernndez
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTADMaryNavarro1717
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 

Dernier (20)

Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 

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.