SlideShare una empresa de 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

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado

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
 

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

Similar 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

Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 
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
 
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
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfDamarysNavarro1
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
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
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
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
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 

Último (20)

Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 
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
 
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
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
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
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
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
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
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)
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 

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.