SlideShare una empresa de Scribd logo
1 de 19
Descargar para leer sin conexión
Sistemas de composición tipográfica
       Elementos formales del diseño




       © Fernando Rodríguez




Tuesday, February 26, 13
Sistemas de composición tipográfica

       • Sistema axial
                               • Línea Pentarrenglón
       • Sistema radial        • Textura Superficie
       • Sistema reticular     • Tamaño Escala
       • Sistema modular       • Color Valor tonal
                               • Forma Contorno
                               • Espacio Márgenes
                               • Proporción Formato
                               • Contraste
Tuesday, February 26, 13
Sistema axial

       • Basado en nodos y líneas




                                    une dos puntos



                             separa dos espacios




Tuesday, February 26, 13
Sistema axial

       • Basado en nodos y líneas




Tuesday, February 26, 13
Sistema radial

       • Basado en un nodos y líneas divergentes




Tuesday, February 26, 13
Sistema reticular

       • Basado en líneas / patrón / sistema




Tuesday, February 26, 13
Sistema modular

       • Basado en un módulo / patrón / sistema




Tuesday, February 26, 13
Pentarrenglón

       • Línea de base


       • Altura X


       • Altura de mayúsculas


       • Línea de lazadas superiores
                                       x Renglón
       • Línea de lazadas inferiores




Tuesday, February 26, 13
Pentarrenglón

       • Línea de base


       • Altura X


       • Altura de mayúsculas


       • Línea de lazadas superiores
                                       x Renglón
       • Línea de lazadas inferiores




Tuesday, February 26, 13
Proporción áurea

       • Basada en la relación 1 : 1.618 o 1 : 0.618


       • Se construye a partir de un “ancho” y una “altura”


       • Armoniza las líneas, nodos y márgenes por medio de un módulo armónico



                                   ab : ac = ac : cb
                           a                                    b
                                                       c
                                                 0.618



Tuesday, February 26, 13
a              c   b
               a           c   b




Tuesday, February 26, 13
Sistema axial–modular

       • Modelo Van de Graf




Tuesday, February 26, 13
Tuesday, February 26, 13
Tuesday, February 26, 13
Tuesday, February 26, 13
Tuesday, February 26, 13
Tuesday, February 26, 13
margen de cabeza


                                                       horizonte




                                                               margen de corte
                           margen de lomo

                                            margen de pie



Tuesday, February 26, 13
Sistemas de composición tipográfica
       Fuente:
       ELAM, Kimberly (2007), Typographic Systems, Princeton Architectural
       Press,Nueva York




Tuesday, February 26, 13

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Tipografia
TipografiaTipografia
Tipografia
 
Diseño Básico
Diseño BásicoDiseño Básico
Diseño Básico
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
Elementos de diseño
Elementos de diseñoElementos de diseño
Elementos de diseño
 
Reglas para el diseño editorial
Reglas para el diseño editorialReglas para el diseño editorial
Reglas para el diseño editorial
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Interrelación de formas
Interrelación de formasInterrelación de formas
Interrelación de formas
 
5. Direcciones Visuales
5. Direcciones Visuales5. Direcciones Visuales
5. Direcciones Visuales
 
Tramas
TramasTramas
Tramas
 
R E C T A N G U L O S A U R E O Y D I N A M I C O
R E C T A N G U L O S  A U R E O  Y  D I N A M I C OR E C T A N G U L O S  A U R E O  Y  D I N A M I C O
R E C T A N G U L O S A U R E O Y D I N A M I C O
 
Uv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacionUv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacion
 
06 cartel polaco
06 cartel polaco06 cartel polaco
06 cartel polaco
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
La retícula
La retículaLa retícula
La retícula
 
Fundamento del Diseño
Fundamento del DiseñoFundamento del Diseño
Fundamento del Diseño
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografia
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.
 
Fundamentos del diseño presentación primer parcial
Fundamentos del diseño presentación primer parcialFundamentos del diseño presentación primer parcial
Fundamentos del diseño presentación primer parcial
 
El plano
El planoEl plano
El plano
 
La semiótica en el Diseño
La semiótica en el DiseñoLa semiótica en el Diseño
La semiótica en el Diseño
 

Más de Fernando Rodríguez Álvarez (8)

Tipografía técnica para el diseño de información
Tipografía técnica para el diseño de informaciónTipografía técnica para el diseño de información
Tipografía técnica para el diseño de información
 
Tipografía técnica para el diseño de información keynote
Tipografía técnica para el diseño de información keynoteTipografía técnica para el diseño de información keynote
Tipografía técnica para el diseño de información keynote
 
Teoría y diseño
Teoría y diseñoTeoría y diseño
Teoría y diseño
 
Grafia
GrafiaGrafia
Grafia
 
Requerimientos
RequerimientosRequerimientos
Requerimientos
 
Requerimientos de diseño
Requerimientos de diseñoRequerimientos de diseño
Requerimientos de diseño
 
Estilos de aprendizaje
Estilos de aprendizajeEstilos de aprendizaje
Estilos de aprendizaje
 
Se solicita Diseñador
Se solicita DiseñadorSe solicita Diseñador
Se solicita Diseñador
 

Último

Tarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfTarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfLigiaItzelPerez
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 20242024 GCA
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxYeissonRINCONRIVERA
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.JimenaPozo3
 
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdfTÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdfkevinramirezd069bps
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDElenitaIriarte1
 
Presentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptxPresentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptxissacicsem
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 añosMilagrosMnstx
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfsolidalilaalvaradoro
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfSharonSmis
 
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
 
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
 
Arquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñoArquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñosindyaldana1
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxPercyTineoPongo1
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello
 
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfCRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfpaulmaqueda395
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxYasmilia
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfYesiRoh
 

Último (20)

Tarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfTarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdf
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptx
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.
 
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdfTÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
 
Presentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptxPresentación trastornos mentales en niños.pptx
Presentación trastornos mentales en niños.pptx
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
 
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
 
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
 
Arquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñoArquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseño
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
 
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfCRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptx
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdf
 

Sistemas de composición tipográfica

  • 1. Sistemas de composición tipográfica Elementos formales del diseño © Fernando Rodríguez Tuesday, February 26, 13
  • 2. Sistemas de composición tipográfica • Sistema axial • Línea Pentarrenglón • Sistema radial • Textura Superficie • Sistema reticular • Tamaño Escala • Sistema modular • Color Valor tonal • Forma Contorno • Espacio Márgenes • Proporción Formato • Contraste Tuesday, February 26, 13
  • 3. Sistema axial • Basado en nodos y líneas une dos puntos separa dos espacios Tuesday, February 26, 13
  • 4. Sistema axial • Basado en nodos y líneas Tuesday, February 26, 13
  • 5. Sistema radial • Basado en un nodos y líneas divergentes Tuesday, February 26, 13
  • 6. Sistema reticular • Basado en líneas / patrón / sistema Tuesday, February 26, 13
  • 7. Sistema modular • Basado en un módulo / patrón / sistema Tuesday, February 26, 13
  • 8. Pentarrenglón • Línea de base • Altura X • Altura de mayúsculas • Línea de lazadas superiores x Renglón • Línea de lazadas inferiores Tuesday, February 26, 13
  • 9. Pentarrenglón • Línea de base • Altura X • Altura de mayúsculas • Línea de lazadas superiores x Renglón • Línea de lazadas inferiores Tuesday, February 26, 13
  • 10. Proporción áurea • Basada en la relación 1 : 1.618 o 1 : 0.618 • Se construye a partir de un “ancho” y una “altura” • Armoniza las líneas, nodos y márgenes por medio de un módulo armónico ab : ac = ac : cb a b c 0.618 Tuesday, February 26, 13
  • 11. a c b a c b Tuesday, February 26, 13
  • 12. Sistema axial–modular • Modelo Van de Graf Tuesday, February 26, 13
  • 18. margen de cabeza horizonte margen de corte margen de lomo margen de pie Tuesday, February 26, 13
  • 19. Sistemas de composición tipográfica Fuente: ELAM, Kimberly (2007), Typographic Systems, Princeton Architectural Press,Nueva York Tuesday, February 26, 13