SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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
 

Andere mochten auch

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
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Kürzlich hochgeladen

diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
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
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
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
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
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
 

Kürzlich hochgeladen (20)

diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
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
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
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
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
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
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.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
 

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.