SlideShare ist ein Scribd-Unternehmen logo
1 von 54
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 3) TAMAÑO  DE LAS FUENTES  El tamaño de la letra debe elegirse según la  naturaleza  de la  composición  y la  distancia  a la que se va a leer.  Informes, libros, folletos, manuales Elementos textuales menos importantes en la composición, como  notas de pie , pueden ir a tamaños de  7-8 puntos , siempre y cuando resulten legibles en la fuente elegida.  PEQUEÑOS FORMATOS Convienen fuentes entre  8 y 12 puntos  para cuerpos de texto.
 
5.2- Las Herramientas tipográficas 3) TAMAÑO  DE LAS FUENTES  El tamaño de la letra debe elegirse según la  naturaleza  de la  composición  y la  distancia  a la que se va a leer.  Una valla publicitaria que deba leerse a  60 metros , la altura de la letra deberá ser, al menos, de  15 cm   GRANDES FORMATOS Un cartel que será observado a  10 metros , la altura de la letra debe ser, al menos, de  2,5 cm
5.2- Las Herramientas tipográficas 3) TAMAÑO  DE LAS FUENTES  EJPLO:  titulos y subtitulos  tienen normalmente mayor tamaño que los cuerpos de texto JERARQUIA Es aconsejable usar  distintos tamaños  de letra en los distintos elementos de una composición para establecer una  jerarquía visual No siempre el texto de  mayor tamaño  es el primero que se lee
 
 
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.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES  La legibilidad  de un texto va a depender del correcto espaciado entre letras y palabras que lo forman.  Los principales aspectos a considerar serán el  tipo de letra  utilizado (familia tipográfica), el  cuerpo  (tamaño de letra) con el que trabajemos y el  grosor  de la letra.  Una combinación adecuada de estos tres elementos ( set ) nos proporciona una  textura homogénea del texto , lo lo que aumentará su  legibilidad .
5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES  EL TRACK O TRACKING   EL KERN O KERNING  Dos importantes conceptos  que debemos estudiar y utilizar para modificar el espaciado entre letras
5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES  EL TRACK O TRACKING   El  track o tracking  ajusta el espacio entre caracteres  El track actúa globalmente sobre  todo el texto  y depende del  tamaño  de los caracteres  Como regla general,  cuanto más grande  sea el cuerpo  más apretado  debe ser el track.
 
5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES  EL KERN O KERNING  El KERN se utiliza para ajustar el espacio entre entre las letras de una  misma palabra  o en algunos pares de caracteres determinados que llaman la atención por estar demasiado juntos o separados  Cada carácter de una fuente concreta está rodeado por una cierta  cantidad de espacio lateral , establecida por su diseñador.
 
5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES  A TENER EN CUENTA Las palabras parecen de un  tono más luminoso  si las letras están más separadas.  Un conjunto adecuado de estos valores proporciona  homogeneidad al texto , consiguiendo que las letras fluyan de forma natural y rítmica en las palabras.
 
 
5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES  A TENER EN CUENTA Las palabras parecen de un  tono más luminoso  si las letras están más separadas.  Un conjunto adecuado de estos valores proporciona  homogeneidad al texto , consiguiendo que las letras fluyan de forma natural y rítmica en las palabras. Las líneas  demasiado sueltas  producen discontinuidad en la lectura, las  demasiado apretadas  hacen que sea complicado distinguir las palabras.
 
5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES  CONSEJO Como norma general, la  separación entre letras y palabras  debe realizarse de  forma coherente , para que sea fácil de leer, teniendo en cuenta especialmente las mayúsculas y sobre todo en  rotulación .
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
5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA  A una  MENOR LONGITUD DE LÍNEA ,  mayor velocidad  de lectura.  EJPLO : Periódicos.  Es un factor decisivo en la  facilidad de lectura  de un texto y en su poder comunicativo
 
5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA  A una  MENOR LONGITUD DE LÍNEA ,  mayor velocidad  de lectura.  EJPLO : Periódicos.  Es un factor decisivo en la  facilidad de lectura  de un texto y en su poder comunicativo Sin embargo,  líneas demasiado cortas  dificultan la lectura por el ritmo visual al que obliga con el cambio constante de línea.
 
5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA  Una  MAYOR LONGITUD DE LÍNEA requiere de un salto de mayor longitud de un punto de fijación ocular ( el extremo derecho final de una línea ) al siguiente ( el inicio izquierdo de la siguiente ).  A mayor longitud del salto , más inexactitud en la siguiente fijación y por tanto  mayor dificultad de lectura .
 
 
5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA  CONSEJOS Como regla, podemos tomar para una línea más de  40 caracteres y menos de 70 .  En líneas muy cortas, es importante la  correcta distribución  de las unidades de significado, lo que hace el texto mucho más fácil de leer y más comprensible.
 
 
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
5.2- Las Herramientas tipográficas 6) INTERLINEADO O LEADING  Es el  espacio vertical  entre las  líneas de texto .
 
5.2- Las Herramientas tipográficas 6) INTERLINEADO O LEADING  Es el  espacio vertical  entre las  líneas de texto . Es un factor importante para que el lector pueda seguir correctamente la  lectura  sin equivocarse de línea o cansar la vista Es uno de los responsables de la  sensación de color  que toma un bloque de texto.
 
5.2- Las Herramientas tipográficas 6) INTERLINEADO O LEADING  Conviene darle al interlineado  uno o dos puntos más  que el valor del cuerpo de la fuente.  EJPLO : un texto en cuerpo  10 , un interlineado de  12  da un blanco apropiado en la interlinea.  Si se utilizan valores de interlineado  menores al cuerpo de texto  las líneas pueden comerse unas a otras o volverse difícil leer. A veces es un recurso usado en titulares o logotipos.  CONSEJOS
 
 
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
5.2- Las Herramientas tipográficas 7) ALINEACIÓN  El texto puede alinearse de cinco formas distintas:  Alineado a la Izquierda Alineado a la Derecha Justificado Centrado Asimétrico
5.2- Las Herramientas tipográficas 7) ALINEACIÓN  Alineado a la Izquierda El texto alineado a la izquierda es el más  natural y recomendable  para textos largos.  El lector es capaz de localizar fácilmente cada nueva línea.  Esta es posiblemente la forma de alineación de textos que resulta  más legible .
 
5.2- Las Herramientas tipográficas 7) ALINEACIÓN  Alineado a la derecha Va en contra del lector, porque es  dificil  encontrar la nueva línea.  Este método puede ser adecuado para un texto que  no  sea  muy extenso , pero no para grandes bloques.
 
5.2- Las Herramientas tipográficas 7) ALINEACIÓN  Texto justificado El texto justificado  (alineado a derecha e izquierda)  puede ser muy legible Hay que  asegurarse que el espacio entre letras y palabras sea uniforme y los molestos huecos entre palabras ( ríos ) Resulta adecuado en  columnas estrechas  o bloques de texto de poca extensión, ya que resulta monótono y cansa al lector.
 
5.2- Las Herramientas tipográficas 7) ALINEACIÓN  Texto centrado Las alineaciones centradas dan al texto una  apariencia muy formal  y son adecuadas cuando se usan mínimamente.  Debe evitarse configurar textos demasiado largos con este modelo.
 
5.2- Las Herramientas tipográficas 7) ALINEACIÓN  Asimétrico Se usa cuando el diseñador desea romper el texto en unidades de pensamiento lógicas, o para dar a la página un  aspecto más expresivo.   La configuración de grandes cantidades de texto de esta manera acaba por  cansar al lector
 
TRABAJO LIBRE DE MAQUETACIÓN FORMATO A3
 

Weitere ähnliche Inhalte

Was ist angesagt?

La tipografía
La tipografíaLa tipografía
La tipografíakroperez11
 
Redaccion y Ortografia
Redaccion y OrtografiaRedaccion y Ortografia
Redaccion y OrtografiaRoisbeth
 
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
 
Emanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel Rebollo
 
Qué son las normas apa veronica
Qué son las normas apa veronicaQué son las normas apa veronica
Qué son las normas apa veronicaveronicaverbel
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Jocelyn Oshi
 
Ejemplos de Conceptos Tipográficos
Ejemplos de Conceptos TipográficosEjemplos de Conceptos Tipográficos
Ejemplos de Conceptos Tipográficosvero-mtz
 
Algunas instrucciones para los ensayos
Algunas instrucciones para los ensayosAlgunas instrucciones para los ensayos
Algunas instrucciones para los ensayosEdison Parreño V.
 
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
 
Presentación de Tipografía
Presentación de TipografíaPresentación de Tipografía
Presentación de TipografíaDayis Guillermo
 

Was ist angesagt? (20)

La tipografía
La tipografíaLa tipografía
La tipografía
 
Redaccion y Ortografia
Redaccion y OrtografiaRedaccion y Ortografia
Redaccion y Ortografia
 
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_...
 
Emanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicas
 
Qué son las normas apa veronica
Qué son las normas apa veronicaQué son las normas apa veronica
Qué son las normas apa veronica
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos
 
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)
 
Clase no 1
Clase no 1 Clase no 1
Clase no 1
 
Algunas instrucciones para los ensayos
Algunas instrucciones para los ensayosAlgunas instrucciones para los ensayos
Algunas instrucciones para los ensayos
 
Conceptos Basicos del Diseño Editorial
Conceptos Basicos del Diseño EditorialConceptos Basicos del Diseño Editorial
Conceptos Basicos del Diseño Editorial
 
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.
 
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
 
Fundamentos de la tipografía
Fundamentos de la tipografíaFundamentos de la tipografía
Fundamentos de la tipografía
 
Diseño grafico
Diseño grafico Diseño grafico
Diseño grafico
 
La literatura
La literaturaLa literatura
La literatura
 
Letra capital
Letra capitalLetra capital
Letra capital
 

Andere mochten auch

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
 
Diseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visitaDiseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visitasugart
 
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
 
TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1sugart
 
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
 
Teoría de la gestalt o de la forma
Teoría de la gestalt o de la formaTeoría de la gestalt o de la forma
Teoría de la gestalt o de la formaAdrian Caballero
 
El significado-de-la-forma
El significado-de-la-formaEl significado-de-la-forma
El significado-de-la-formapacomarco
 

Andere mochten auch (20)

Dachop
DachopDachop
Dachop
 
beCode's Slideshow @ TheEvnt
beCode's Slideshow @ TheEvntbeCode's Slideshow @ TheEvnt
beCode's Slideshow @ TheEvnt
 
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
 
Diseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visitaDiseño corporativo tarjetas_de_visita
Diseño corporativo tarjetas_de_visita
 
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
 
TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1TIPOGRAFIA Y MAQUETACIÓN 1
TIPOGRAFIA Y MAQUETACIÓN 1
 
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
 
Teoría de la gestalt o de la forma
Teoría de la gestalt o de la formaTeoría de la gestalt o de la forma
Teoría de la gestalt o de la forma
 
Tipografia
TipografiaTipografia
Tipografia
 
El significado-de-la-forma
El significado-de-la-formaEl significado-de-la-forma
El significado-de-la-forma
 

Ähnlich wie Tipografia y maquetacion4

Normas apa resumidas.
Normas apa resumidas.Normas apa resumidas.
Normas apa resumidas.SEANDESA
 
Corel Draw x5 - Diseño Grafico
Corel Draw x5 - Diseño GraficoCorel Draw x5 - Diseño Grafico
Corel Draw x5 - Diseño GraficoJulio Callata
 
Aprendizaje como Formación Integral
Aprendizaje como Formación IntegralAprendizaje como Formación Integral
Aprendizaje como Formación IntegralCarlos Macallums
 
La legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráficoLa legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráficoGráficas Azorín
 
FORMATO APA GENERALIDADES
FORMATO APA GENERALIDADESFORMATO APA GENERALIDADES
FORMATO APA GENERALIDADESMIRNUS
 
Sistema de referencia (APA).pdf
Sistema de referencia (APA).pdfSistema de referencia (APA).pdf
Sistema de referencia (APA).pdfkaremdiaz15
 
Siguiendo/rompiendo las Reglas
Siguiendo/rompiendo las ReglasSiguiendo/rompiendo las Reglas
Siguiendo/rompiendo las Reglasprofesorvelasques
 
Comandos Básicos Procesador Word.pptx
Comandos Básicos Procesador Word.pptxComandos Básicos Procesador Word.pptx
Comandos Básicos Procesador Word.pptxCarlosMarCan
 
NORMAS APA
NORMAS APANORMAS APA
NORMAS APAlizhuera
 
ESTILO APA-Anexo 2- Formato de presentación de trabajos .pdf
ESTILO APA-Anexo 2- Formato de presentación de trabajos .pdfESTILO APA-Anexo 2- Formato de presentación de trabajos .pdf
ESTILO APA-Anexo 2- Formato de presentación de trabajos .pdfosoriojuanpablo114
 

Ähnlich wie Tipografia y maquetacion4 (20)

Tipografia
TipografiaTipografia
Tipografia
 
DISEÑO
DISEÑODISEÑO
DISEÑO
 
Normas apa resumidas.
Normas apa resumidas.Normas apa resumidas.
Normas apa resumidas.
 
Corel Draw x5 - Diseño Grafico
Corel Draw x5 - Diseño GraficoCorel Draw x5 - Diseño Grafico
Corel Draw x5 - Diseño Grafico
 
Aprendizaje como Formación Integral
Aprendizaje como Formación IntegralAprendizaje como Formación Integral
Aprendizaje como Formación Integral
 
La legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráficoLa legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráfico
 
Reglas de legibilidad.pps
Reglas de legibilidad.ppsReglas de legibilidad.pps
Reglas de legibilidad.pps
 
FORMATO APA GENERALIDADES
FORMATO APA GENERALIDADESFORMATO APA GENERALIDADES
FORMATO APA GENERALIDADES
 
Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
Sistema de referencia (APA).pdf
Sistema de referencia (APA).pdfSistema de referencia (APA).pdf
Sistema de referencia (APA).pdf
 
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
 
Siguiendo/rompiendo las Reglas
Siguiendo/rompiendo las ReglasSiguiendo/rompiendo las Reglas
Siguiendo/rompiendo las Reglas
 
Comandos Básicos Procesador Word.pptx
Comandos Básicos Procesador Word.pptxComandos Básicos Procesador Word.pptx
Comandos Básicos Procesador Word.pptx
 
NORMAS APA
NORMAS APANORMAS APA
NORMAS APA
 
La palabra
La palabraLa palabra
La palabra
 
Tracking, kerning, leading
Tracking, kerning, leading Tracking, kerning, leading
Tracking, kerning, leading
 
ESTILO APA-Anexo 2- Formato de presentación de trabajos .pdf
ESTILO APA-Anexo 2- Formato de presentación de trabajos .pdfESTILO APA-Anexo 2- Formato de presentación de trabajos .pdf
ESTILO APA-Anexo 2- Formato de presentación de trabajos .pdf
 
Apa
ApaApa
Apa
 
Normas APA 7ma Edición
Normas APA 7ma EdiciónNormas APA 7ma Edición
Normas APA 7ma Edición
 
Normas APA.pptx
Normas APA.pptxNormas APA.pptx
Normas APA.pptx
 

Kürzlich hochgeladen

FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
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
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfrociomoral626
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
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
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoThaisAymeeTacucheBen
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESMairaLasso1
 
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
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 
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
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 

Kürzlich hochgeladen (20)

FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
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
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
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
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf triptico
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONES
 
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
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 
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
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 

Tipografia y maquetacion4

  • 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 3) TAMAÑO DE LAS FUENTES El tamaño de la letra debe elegirse según la naturaleza de la composición y la distancia a la que se va a leer. Informes, libros, folletos, manuales Elementos textuales menos importantes en la composición, como notas de pie , pueden ir a tamaños de 7-8 puntos , siempre y cuando resulten legibles en la fuente elegida. PEQUEÑOS FORMATOS Convienen fuentes entre 8 y 12 puntos para cuerpos de texto.
  • 4.  
  • 5. 5.2- Las Herramientas tipográficas 3) TAMAÑO DE LAS FUENTES El tamaño de la letra debe elegirse según la naturaleza de la composición y la distancia a la que se va a leer. Una valla publicitaria que deba leerse a 60 metros , la altura de la letra deberá ser, al menos, de 15 cm GRANDES FORMATOS Un cartel que será observado a 10 metros , la altura de la letra debe ser, al menos, de 2,5 cm
  • 6. 5.2- Las Herramientas tipográficas 3) TAMAÑO DE LAS FUENTES EJPLO: titulos y subtitulos tienen normalmente mayor tamaño que los cuerpos de texto JERARQUIA Es aconsejable usar distintos tamaños de letra en los distintos elementos de una composición para establecer una jerarquía visual No siempre el texto de mayor tamaño es el primero que se lee
  • 7.  
  • 8.  
  • 9. 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
  • 10. 5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES La legibilidad de un texto va a depender del correcto espaciado entre letras y palabras que lo forman. Los principales aspectos a considerar serán el tipo de letra utilizado (familia tipográfica), el cuerpo (tamaño de letra) con el que trabajemos y el grosor de la letra. Una combinación adecuada de estos tres elementos ( set ) nos proporciona una textura homogénea del texto , lo lo que aumentará su legibilidad .
  • 11. 5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES EL TRACK O TRACKING EL KERN O KERNING Dos importantes conceptos que debemos estudiar y utilizar para modificar el espaciado entre letras
  • 12. 5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES EL TRACK O TRACKING El track o tracking ajusta el espacio entre caracteres El track actúa globalmente sobre todo el texto y depende del tamaño de los caracteres Como regla general, cuanto más grande sea el cuerpo más apretado debe ser el track.
  • 13.  
  • 14. 5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES EL KERN O KERNING El KERN se utiliza para ajustar el espacio entre entre las letras de una misma palabra o en algunos pares de caracteres determinados que llaman la atención por estar demasiado juntos o separados Cada carácter de una fuente concreta está rodeado por una cierta cantidad de espacio lateral , establecida por su diseñador.
  • 15.  
  • 16. 5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES A TENER EN CUENTA Las palabras parecen de un tono más luminoso si las letras están más separadas. Un conjunto adecuado de estos valores proporciona homogeneidad al texto , consiguiendo que las letras fluyan de forma natural y rítmica en las palabras.
  • 17.  
  • 18.  
  • 19. 5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES A TENER EN CUENTA Las palabras parecen de un tono más luminoso si las letras están más separadas. Un conjunto adecuado de estos valores proporciona homogeneidad al texto , consiguiendo que las letras fluyan de forma natural y rítmica en las palabras. Las líneas demasiado sueltas producen discontinuidad en la lectura, las demasiado apretadas hacen que sea complicado distinguir las palabras.
  • 20.  
  • 21. 5.2- Las Herramientas tipográficas 4) ESPACIADO ENTRE CARACTERES CONSEJO Como norma general, la separación entre letras y palabras debe realizarse de forma coherente , para que sea fácil de leer, teniendo en cuenta especialmente las mayúsculas y sobre todo en rotulación .
  • 22. 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
  • 23. 5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA A una MENOR LONGITUD DE LÍNEA , mayor velocidad de lectura. EJPLO : Periódicos. Es un factor decisivo en la facilidad de lectura de un texto y en su poder comunicativo
  • 24.  
  • 25. 5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA A una MENOR LONGITUD DE LÍNEA , mayor velocidad de lectura. EJPLO : Periódicos. Es un factor decisivo en la facilidad de lectura de un texto y en su poder comunicativo Sin embargo, líneas demasiado cortas dificultan la lectura por el ritmo visual al que obliga con el cambio constante de línea.
  • 26.  
  • 27. 5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA Una MAYOR LONGITUD DE LÍNEA requiere de un salto de mayor longitud de un punto de fijación ocular ( el extremo derecho final de una línea ) al siguiente ( el inicio izquierdo de la siguiente ). A mayor longitud del salto , más inexactitud en la siguiente fijación y por tanto mayor dificultad de lectura .
  • 28.  
  • 29.  
  • 30. 5.2- Las Herramientas tipográficas 5) ANCHO DE LINEA CONSEJOS Como regla, podemos tomar para una línea más de 40 caracteres y menos de 70 . En líneas muy cortas, es importante la correcta distribución de las unidades de significado, lo que hace el texto mucho más fácil de leer y más comprensible.
  • 31.  
  • 32.  
  • 33. 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
  • 34. 5.2- Las Herramientas tipográficas 6) INTERLINEADO O LEADING Es el espacio vertical entre las líneas de texto .
  • 35.  
  • 36. 5.2- Las Herramientas tipográficas 6) INTERLINEADO O LEADING Es el espacio vertical entre las líneas de texto . Es un factor importante para que el lector pueda seguir correctamente la lectura sin equivocarse de línea o cansar la vista Es uno de los responsables de la sensación de color que toma un bloque de texto.
  • 37.  
  • 38. 5.2- Las Herramientas tipográficas 6) INTERLINEADO O LEADING Conviene darle al interlineado uno o dos puntos más que el valor del cuerpo de la fuente. EJPLO : un texto en cuerpo 10 , un interlineado de 12 da un blanco apropiado en la interlinea. Si se utilizan valores de interlineado menores al cuerpo de texto las líneas pueden comerse unas a otras o volverse difícil leer. A veces es un recurso usado en titulares o logotipos. CONSEJOS
  • 39.  
  • 40.  
  • 41. 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
  • 42. 5.2- Las Herramientas tipográficas 7) ALINEACIÓN El texto puede alinearse de cinco formas distintas: Alineado a la Izquierda Alineado a la Derecha Justificado Centrado Asimétrico
  • 43. 5.2- Las Herramientas tipográficas 7) ALINEACIÓN Alineado a la Izquierda El texto alineado a la izquierda es el más natural y recomendable para textos largos. El lector es capaz de localizar fácilmente cada nueva línea. Esta es posiblemente la forma de alineación de textos que resulta más legible .
  • 44.  
  • 45. 5.2- Las Herramientas tipográficas 7) ALINEACIÓN Alineado a la derecha Va en contra del lector, porque es dificil encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso , pero no para grandes bloques.
  • 46.  
  • 47. 5.2- Las Herramientas tipográficas 7) ALINEACIÓN Texto justificado El texto justificado (alineado a derecha e izquierda) puede ser muy legible Hay que asegurarse que el espacio entre letras y palabras sea uniforme y los molestos huecos entre palabras ( ríos ) Resulta adecuado en columnas estrechas o bloques de texto de poca extensión, ya que resulta monótono y cansa al lector.
  • 48.  
  • 49. 5.2- Las Herramientas tipográficas 7) ALINEACIÓN Texto centrado Las alineaciones centradas dan al texto una apariencia muy formal y son adecuadas cuando se usan mínimamente. Debe evitarse configurar textos demasiado largos con este modelo.
  • 50.  
  • 51. 5.2- Las Herramientas tipográficas 7) ALINEACIÓN Asimétrico Se usa cuando el diseñador desea romper el texto en unidades de pensamiento lógicas, o para dar a la página un aspecto más expresivo. La configuración de grandes cantidades de texto de esta manera acaba por cansar al lector
  • 52.  
  • 53. TRABAJO LIBRE DE MAQUETACIÓN FORMATO A3
  • 54.