SlideShare uma empresa Scribd logo
1 de 47
Tipografía:
PAG 38 A 55 LIBRO BASE
“Lo importante no es lo que se dice,
sino como se dice.”
Cicerón
filósofo de la antigua Roma.
“Las fuentes son como la música:
hay una diferente para cada historia.”
Rodrigo Posada
Director de Arte del periódico “The State” - EE.UU.
LA TIPOGRAFÍA es un medio por el cual
una idea o concepto adopta una forma
visual.
>LA TIPOGRAFíA: UN SELLO HISTÓRICO
La tipografía es el reflejo de una época:
se constituye como uno de los sellos
visuales más claros e identificatorios.
>La evolución del diseño tipográfico responde a proyecciones tecnológicas y artísticas.
>En algunos casos, la tipografía ha servido para dinamizar y propagar las corrientes
artísticas, y en otros ha sido la experimentación de los movimientos artísticos la que
ha servido para descubrir a la tipografía nuevos caminos.
>El signo tipográfico se ha considerado como uno de los miembros más activos
de los cambios culturales del hombre.
LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
>LA TIPOGRAFíA EN LA ANTIGÜEDAD
>LA TIPOGRAFíA EN LA EDAD MEDIA
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
>LA TIPOGRAFíA EN EL RENACIMIENTO (APARICIÓN DE LA IMPRENTA)
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
>LA TIPOGRAFíA, LA REVOLUCIÓN INDUSTRIAL Y LA ERA VICTORIANA
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
DG.Y1
>LA TIPOGRAFíA A FINES DEL 1800 – ART NOVEAU
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
DG.Y1
LA TIPOGRAFíA Y LAS VANGUARDIAS - CONSTRUCTIVISMO
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
DG.Y1
>LA TIPOGRAFíA Y LAS VANGUARDIAS – FUTURISMO Y DADÁ
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
DG.Y1
>LA TIPOGRAFíA Y LA BAUHAUS
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
DG.Y1
>LA TIPOGRAFíA Y EL PERíODO DE ENTREGUERRAS
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
DG.Y1
>LA TIPOGRAFíA Y LA ESCUELA SUIZA
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
DG.Y1
TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
>LA TIPOGRAFíA Y LOS 60´S
DG.Y1
>LA TIPOGRAFíA DESDE LOS 80´S A LA ERA DIGITAL
LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
>Conclusión:
La cultura y el contexto histórico-social
influyen y condicionan la elaboración y
percepción de los mensajes transmitidos
por medio de una tipografía.
LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
La Tipografía
y la transmisión
de significados
>
01. HERRAMIENTA DE SIGNIFICADOS:
El medio de transmisión de ideas
por excelencia es la palabra escrita.
>La importancia que tiene la tipografía dentro de un diseño es enorme.
>Con solo cambiar el tipo de fuente se da otro contexto a un mensaje o una sensación
o significado diferente si la tipografía es el complemento de una imagen dentro de un diseño.
>Además de su componente significativo, cada letra de una palabra es por sí misma
un elemento gráfico, que aporta riqueza ybelleza a la composición final.
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>La ELECCIÓN DE LA TIPOGRAFíA es
fundamental. Podemos mantener todos
los demás elementos visuales fijos, pero
con solo cambiar la fuente, la sensación
que se genera es diferente.
>02. CLASIFICACIÓN TIPOGRÁFICA
Las fuentes tienen rasgos morfológicos
que las organizan y particularizan:
Romanas /Egipcias /Sin Serif /Fantasía
>Cada grupo o clasificación tiene un diseño particular, caracterizado por rasgos que
lo identifican. Esto refuerza y genera determinadas sensaciones.
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>Tienen Serif, que es la base o termi-
nación que tiene la letra en sus extre-
mos.
>Se dividen en:
Romanas Antiguas /Romanas Modernas
>El Serif no mantiene el mismo grosor
que el resto de la letra, sino que es más
fino. En las romanas antiguas se va afi-
nando hacia los extremos (no ocurre
esto en las romanas modernas).
>En general, las romanas no mantienen
un trazo uniforme en el recorrido total de
la letra, sino que el mismo va variando en
sus ascendentes y descendentes.
>Romanas
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>Clasicismo
>Tradición
>Religiosidad
>Delicadeza
>Conservador
>Formalidad
>Refinamiento
>Sensaciones
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>Tienen Serif.
>El Serif forma un ángulo recto con los
trazos perpendiculares de la letra y es
tan grueso como el trazo de la letra.
>Las egipcias mantienen un trazo uni-
forme en el recorrido total de la letra sin
presentar modificaciones de grosor
.
>Egipcias
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>Clasicismo
>Fuerza
>Precisión
>Industria
>Contundencia
>Sensaciones
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>No tienen Serif.
>En general mantienen un trazo
uniforme en el recorrido total de la letra,
sin presentar modificaciones de grosor.
>Tienen una estructura geométrica o
compensada ópticamente.
>Permiten una alta legibilidad, incluso
en cuerpos pequeños.
>Sin serif
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>Actualidad
>Fuerza
>Dinamismo
>Potencia
>Precisión
>Tecnología
>Modernidad
>Sensaciones
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>Presentan características muy varia-
das, que hacen que sea la clasificación
más
personal y ornamental de todas.
>Se organizan en 3grupos, presentando
cada uno morfologías particulares
Caligráficas y Script
Góticas
Decorativas
>Las tipografías de Fantasía son muy
usadas en el diseño de logotipos, por
poseer trazos muypersonales y diferen-
ciales.
>No tienen buena legibilidad en cuerpos
pequeños o textos largos.
>Fantasía
> Góticas
>Cruel
>Antiguo
>Aventurero
> Caligráficas
>Elegancia
>Refinamiento
>Clásico
>Delicado
> Decorativas
>Transgresor
>Personal
> Script
>Espontáneo
>T
ransgresor
>Rebelde
> Joven
>Sensaciones
>03. VARIABLES TIPOGRÁFICAS
En una familia tipográfica intervienen
distintas variables visuales:
Cuerpo /T
ono /Dirección /Proporción
>Las variables tipográficas permiten ampliar las posibilidades de uso de una fuente.
>Cada variable será empleada en base a los objetivos de comunicación, definiendo
y potenciando funciones y significados.
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>El cuerpo es una medida que define
la proporción del tamaño de una
tipografía.
>El cuerpo de una tipografía se pautará
en relación al uso o función que se le de
a la palabra escrita.
>Un trabajo intencionado con el cuerpo
tipográfico colaborará a la transmisión
de una idea o mensaje.
>Cuerpo
>La determinación del cuerpo
tipográfico depende del objetivo
de la comunicación a realizar
.
>Ej:Un cuerpograndebusca destacar
una información en particular dentro
de un contexto determinado (ya sea
porque la distancia de lectura lo amerita
o porque la importancia de esos datos lo
requieren).
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>La elecciónestratégicadel cuerpo tipográfico
colabora a enfatizar una idea.
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICAD
>Las letras pueden cambiar su valor de
intensidad o tono afinando el espesor
de sus trazos,volviéndose con ello
más claras -light- o espesándolos para
aumentar el negro pleno -bold-, y en
algunos casos extra negra o extrabold
-black-.
>Se considera regular, normal o medium
la tipografía cuyo trazo vertical tenga un
grosor igual al 15%del alto de la misma.
>El uso de las variables de tono
dependerá de la atención y peso
visual que se desee generar con la
tipografía, en función de un objetivo de
comunicación.
>Tono
LA TIPOGRAFÍA Y LA TRANSMISIÓ DE SIGNIFICADOS
>Se considera normala la tipografía cuyos
trazos verticales forman un ángulo de 90º
con la línea de base. En las itálicas,el diseño
vertical rota al oblicuo en torno a un eje
central horizontal.
>El nombre “itálicas” hace referencia a un
estilo de caligrafía “pre-imprenta”, que es en
la que los primeros diseñadores de tipografías
se influenciaron.
>La itálica no conlleva una simple inclinación
de la letra sino implica para numerosos
caracteres una alteración de la forma misma.
>La itálica tiene un negro diferente del de
la normal, por ello se puede utilizar para
destacar textos.
>Dirección
1:Tipografía versión normal.
2:Tipografía “italizada/inclinada” manualmente.
3:Tipografía itálica real de la misma fuente.
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
>El uso de la versión itálica puede
enfatizar sensaciones y conceptos,
dependiendodel objetivo
de la comunicación a realizar
.
>Las itálicas generan una sensación de
mayor tensión y movimiento que la
versión normal.
>Se considera normal a la tipografía cuando
su anchura sea de aproximadamente4/5
de la altura.
>Se individualiza en la letraHmayúsculael
modelo que fja las proporciones a partir de las
cuales se construyen todos los otros signos;
enlasminúsculaseslaletra“n”que posee las
mismas relaciones.
>Las versiones normales de estas dos letras
nos dice que si su altura es x, la amplitud
debe ser el 80%de x.
Si el porcentaje es menor a 80%la versión es
condensada y si es superior
,la versión
es expandida.
>Proporción
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
DG.Y1
>Conclusión:
La Tipografía por su diseño, forma,
contraste o tamaño, puede expresar
ideas o reforzar el significado
de las palabras.
Eso es exactamente lo que se pretende
al escoger una tipografía para un diseño:
COMUNICAR UNA IDEA.
LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
diseño tipografico.pptx
diseño tipografico.pptx
diseño tipografico.pptx
diseño tipografico.pptx
diseño tipografico.pptx
diseño tipografico.pptx

Mais conteúdo relacionado

Semelhante a diseño tipografico.pptx

Semelhante a diseño tipografico.pptx (20)

historia de la tipografia
historia de la tipografiahistoria de la tipografia
historia de la tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Definición de tipografía
Definición de tipografíaDefinición de tipografía
Definición de tipografía
 
Historia de la Tipografia
Historia de la TipografiaHistoria de la Tipografia
Historia de la Tipografia
 
Tipografía Diseño Grafico
Tipografía Diseño GraficoTipografía Diseño Grafico
Tipografía Diseño Grafico
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografía - Yohandry Carrillo
Tipografía - Yohandry Carrillo Tipografía - Yohandry Carrillo
Tipografía - Yohandry Carrillo
 
Utilizar la retórica en un proyecto tipográfico
Utilizar la retórica en un proyecto tipográficoUtilizar la retórica en un proyecto tipográfico
Utilizar la retórica en un proyecto tipográfico
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia . miguel gonzalez
Tipografia . miguel gonzalezTipografia . miguel gonzalez
Tipografia . miguel gonzalez
 
Tipografía
Tipografía Tipografía
Tipografía
 
Tipografia libro album
Tipografia libro albumTipografia libro album
Tipografia libro album
 
Tipografia libro album para niños
Tipografia libro album para niñosTipografia libro album para niños
Tipografia libro album para niños
 
Pdf
PdfPdf
Pdf
 
Tipografía
TipografíaTipografía
Tipografía
 
Tipografía y sus familias
Tipografía y sus familiasTipografía y sus familias
Tipografía y sus familias
 
Tipografía
TipografíaTipografía
Tipografía
 
Tipografía
TipografíaTipografía
Tipografía
 
Tipografia iii
Tipografia iiiTipografia iii
Tipografia iii
 
Tipografia
TipografiaTipografia
Tipografia
 

Mais de edgartorres431176

ETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptx
ETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptxETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptx
ETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptxedgartorres431176
 
azteca-120122190009-phpapp02123456789.pdf
azteca-120122190009-phpapp02123456789.pdfazteca-120122190009-phpapp02123456789.pdf
azteca-120122190009-phpapp02123456789.pdfedgartorres431176
 
DESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptx
DESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptxDESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptx
DESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptxedgartorres431176
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfedgartorres431176
 
MKT PROMOCIONAL123456678123456782345678.ppt
MKT PROMOCIONAL123456678123456782345678.pptMKT PROMOCIONAL123456678123456782345678.ppt
MKT PROMOCIONAL123456678123456782345678.pptedgartorres431176
 
diseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptxdiseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptxedgartorres431176
 
CORTO12345678903456789qwertrtywertyertyu.pptx
CORTO12345678903456789qwertrtywertyertyu.pptxCORTO12345678903456789qwertrtywertyertyu.pptx
CORTO12345678903456789qwertrtywertyertyu.pptxedgartorres431176
 
clase 1 imagen corporativa12345678 .pptx
clase 1 imagen corporativa12345678 .pptxclase 1 imagen corporativa12345678 .pptx
clase 1 imagen corporativa12345678 .pptxedgartorres431176
 
DISEÑO WEB12345678901234567891234567.pptx
DISEÑO WEB12345678901234567891234567.pptxDISEÑO WEB12345678901234567891234567.pptx
DISEÑO WEB12345678901234567891234567.pptxedgartorres431176
 
clasevideo12arial-120402164524-phpapp02.pdf
clasevideo12arial-120402164524-phpapp02.pdfclasevideo12arial-120402164524-phpapp02.pdf
clasevideo12arial-120402164524-phpapp02.pdfedgartorres431176
 
coltura olmeca1234567890'Q123456789.pptx
coltura olmeca1234567890'Q123456789.pptxcoltura olmeca1234567890'Q123456789.pptx
coltura olmeca1234567890'Q123456789.pptxedgartorres431176
 
elproducto-1604010402111234567890'¡.pptx
elproducto-1604010402111234567890'¡.pptxelproducto-1604010402111234567890'¡.pptx
elproducto-1604010402111234567890'¡.pptxedgartorres431176
 
MASCOTASd0'weertttttyyuuuuuuuuttrreee.pptx
MASCOTASd0'weertttttyyuuuuuuuuttrreee.pptxMASCOTASd0'weertttttyyuuuuuuuuttrreee.pptx
MASCOTASd0'weertttttyyuuuuuuuuttrreee.pptxedgartorres431176
 
DISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfDISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfedgartorres431176
 
EL PRODUCTO 1123455677889999912245667.pptx
EL PRODUCTO 1123455677889999912245667.pptxEL PRODUCTO 1123455677889999912245667.pptx
EL PRODUCTO 1123455677889999912245667.pptxedgartorres431176
 
la imagen de marca 123121312312134567.pptx
la imagen de marca 123121312312134567.pptxla imagen de marca 123121312312134567.pptx
la imagen de marca 123121312312134567.pptxedgartorres431176
 
cultura olmeca cosmo visión123456123456.pptx
cultura olmeca cosmo visión123456123456.pptxcultura olmeca cosmo visión123456123456.pptx
cultura olmeca cosmo visión123456123456.pptxedgartorres431176
 
cretividad organizacional en las empresas.pptx
cretividad organizacional en las empresas.pptxcretividad organizacional en las empresas.pptx
cretividad organizacional en las empresas.pptxedgartorres431176
 
la cultura maya12345678234567823456123.pptx
la cultura maya12345678234567823456123.pptxla cultura maya12345678234567823456123.pptx
la cultura maya12345678234567823456123.pptxedgartorres431176
 
comunicación visual vavavavavavavavavvvv.ppt
comunicación visual vavavavavavavavavvvv.pptcomunicación visual vavavavavavavavavvvv.ppt
comunicación visual vavavavavavavavavvvv.pptedgartorres431176
 

Mais de edgartorres431176 (20)

ETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptx
ETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptxETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptx
ETAPAS DEL DISEÑO DEL PRODUCTO123456789.pptx
 
azteca-120122190009-phpapp02123456789.pdf
azteca-120122190009-phpapp02123456789.pdfazteca-120122190009-phpapp02123456789.pdf
azteca-120122190009-phpapp02123456789.pdf
 
DESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptx
DESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptxDESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptx
DESARROLLO DE UN NUEVO PRODUCTO1234567890'1234567234567.pptx
 
DISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdfDISEÑO UX_UI123456789023456789023456789.pdf
DISEÑO UX_UI123456789023456789023456789.pdf
 
MKT PROMOCIONAL123456678123456782345678.ppt
MKT PROMOCIONAL123456678123456782345678.pptMKT PROMOCIONAL123456678123456782345678.ppt
MKT PROMOCIONAL123456678123456782345678.ppt
 
diseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptxdiseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptx
 
CORTO12345678903456789qwertrtywertyertyu.pptx
CORTO12345678903456789qwertrtywertyertyu.pptxCORTO12345678903456789qwertrtywertyertyu.pptx
CORTO12345678903456789qwertrtywertyertyu.pptx
 
clase 1 imagen corporativa12345678 .pptx
clase 1 imagen corporativa12345678 .pptxclase 1 imagen corporativa12345678 .pptx
clase 1 imagen corporativa12345678 .pptx
 
DISEÑO WEB12345678901234567891234567.pptx
DISEÑO WEB12345678901234567891234567.pptxDISEÑO WEB12345678901234567891234567.pptx
DISEÑO WEB12345678901234567891234567.pptx
 
clasevideo12arial-120402164524-phpapp02.pdf
clasevideo12arial-120402164524-phpapp02.pdfclasevideo12arial-120402164524-phpapp02.pdf
clasevideo12arial-120402164524-phpapp02.pdf
 
coltura olmeca1234567890'Q123456789.pptx
coltura olmeca1234567890'Q123456789.pptxcoltura olmeca1234567890'Q123456789.pptx
coltura olmeca1234567890'Q123456789.pptx
 
elproducto-1604010402111234567890'¡.pptx
elproducto-1604010402111234567890'¡.pptxelproducto-1604010402111234567890'¡.pptx
elproducto-1604010402111234567890'¡.pptx
 
MASCOTASd0'weertttttyyuuuuuuuuttrreee.pptx
MASCOTASd0'weertttttyyuuuuuuuuttrreee.pptxMASCOTASd0'weertttttyyuuuuuuuuttrreee.pptx
MASCOTASd0'weertttttyyuuuuuuuuttrreee.pptx
 
DISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdfDISEÑO UX_UI 1134567789012345678892.pdf
DISEÑO UX_UI 1134567789012345678892.pdf
 
EL PRODUCTO 1123455677889999912245667.pptx
EL PRODUCTO 1123455677889999912245667.pptxEL PRODUCTO 1123455677889999912245667.pptx
EL PRODUCTO 1123455677889999912245667.pptx
 
la imagen de marca 123121312312134567.pptx
la imagen de marca 123121312312134567.pptxla imagen de marca 123121312312134567.pptx
la imagen de marca 123121312312134567.pptx
 
cultura olmeca cosmo visión123456123456.pptx
cultura olmeca cosmo visión123456123456.pptxcultura olmeca cosmo visión123456123456.pptx
cultura olmeca cosmo visión123456123456.pptx
 
cretividad organizacional en las empresas.pptx
cretividad organizacional en las empresas.pptxcretividad organizacional en las empresas.pptx
cretividad organizacional en las empresas.pptx
 
la cultura maya12345678234567823456123.pptx
la cultura maya12345678234567823456123.pptxla cultura maya12345678234567823456123.pptx
la cultura maya12345678234567823456123.pptx
 
comunicación visual vavavavavavavavavvvv.ppt
comunicación visual vavavavavavavavavvvv.pptcomunicación visual vavavavavavavavavvvv.ppt
comunicación visual vavavavavavavavavvvv.ppt
 

Último

Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
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
 
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
 
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
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
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
 
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
 
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
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
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
 

Último (20)

Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
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
 
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
 
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
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
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
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
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
 
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
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
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
 

diseño tipografico.pptx

  • 1. Tipografía: PAG 38 A 55 LIBRO BASE
  • 2. “Lo importante no es lo que se dice, sino como se dice.” Cicerón filósofo de la antigua Roma.
  • 3. “Las fuentes son como la música: hay una diferente para cada historia.” Rodrigo Posada Director de Arte del periódico “The State” - EE.UU.
  • 4. LA TIPOGRAFÍA es un medio por el cual una idea o concepto adopta una forma visual.
  • 5. >LA TIPOGRAFíA: UN SELLO HISTÓRICO La tipografía es el reflejo de una época: se constituye como uno de los sellos visuales más claros e identificatorios. >La evolución del diseño tipográfico responde a proyecciones tecnológicas y artísticas. >En algunos casos, la tipografía ha servido para dinamizar y propagar las corrientes artísticas, y en otros ha sido la experimentación de los movimientos artísticos la que ha servido para descubrir a la tipografía nuevos caminos. >El signo tipográfico se ha considerado como uno de los miembros más activos de los cambios culturales del hombre. LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 6. LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO >LA TIPOGRAFíA EN LA ANTIGÜEDAD
  • 7. >LA TIPOGRAFíA EN LA EDAD MEDIA TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 8. >LA TIPOGRAFíA EN EL RENACIMIENTO (APARICIÓN DE LA IMPRENTA) TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 9. >LA TIPOGRAFíA, LA REVOLUCIÓN INDUSTRIAL Y LA ERA VICTORIANA TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 10. DG.Y1 >LA TIPOGRAFíA A FINES DEL 1800 – ART NOVEAU TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 11. DG.Y1 LA TIPOGRAFíA Y LAS VANGUARDIAS - CONSTRUCTIVISMO TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 12. DG.Y1 >LA TIPOGRAFíA Y LAS VANGUARDIAS – FUTURISMO Y DADÁ TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 13. DG.Y1 >LA TIPOGRAFíA Y LA BAUHAUS TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 14. DG.Y1 >LA TIPOGRAFíA Y EL PERíODO DE ENTREGUERRAS TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 15. DG.Y1 >LA TIPOGRAFíA Y LA ESCUELA SUIZA TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 16. DG.Y1 TIPOGRAFÍA: LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO >LA TIPOGRAFíA Y LOS 60´S
  • 17. DG.Y1 >LA TIPOGRAFíA DESDE LOS 80´S A LA ERA DIGITAL LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 18. >Conclusión: La cultura y el contexto histórico-social influyen y condicionan la elaboración y percepción de los mensajes transmitidos por medio de una tipografía. LA TIPOGRAFÍA Y EL CONTEXTO HISTÓRICO
  • 19. La Tipografía y la transmisión de significados
  • 20. > 01. HERRAMIENTA DE SIGNIFICADOS: El medio de transmisión de ideas por excelencia es la palabra escrita. >La importancia que tiene la tipografía dentro de un diseño es enorme. >Con solo cambiar el tipo de fuente se da otro contexto a un mensaje o una sensación o significado diferente si la tipografía es el complemento de una imagen dentro de un diseño. >Además de su componente significativo, cada letra de una palabra es por sí misma un elemento gráfico, que aporta riqueza ybelleza a la composición final. LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 21. LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS >La ELECCIÓN DE LA TIPOGRAFíA es fundamental. Podemos mantener todos los demás elementos visuales fijos, pero con solo cambiar la fuente, la sensación que se genera es diferente.
  • 22. >02. CLASIFICACIÓN TIPOGRÁFICA Las fuentes tienen rasgos morfológicos que las organizan y particularizan: Romanas /Egipcias /Sin Serif /Fantasía >Cada grupo o clasificación tiene un diseño particular, caracterizado por rasgos que lo identifican. Esto refuerza y genera determinadas sensaciones. LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 23. >Tienen Serif, que es la base o termi- nación que tiene la letra en sus extre- mos. >Se dividen en: Romanas Antiguas /Romanas Modernas >El Serif no mantiene el mismo grosor que el resto de la letra, sino que es más fino. En las romanas antiguas se va afi- nando hacia los extremos (no ocurre esto en las romanas modernas). >En general, las romanas no mantienen un trazo uniforme en el recorrido total de la letra, sino que el mismo va variando en sus ascendentes y descendentes. >Romanas LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 25. >Tienen Serif. >El Serif forma un ángulo recto con los trazos perpendiculares de la letra y es tan grueso como el trazo de la letra. >Las egipcias mantienen un trazo uni- forme en el recorrido total de la letra sin presentar modificaciones de grosor . >Egipcias LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 27. >No tienen Serif. >En general mantienen un trazo uniforme en el recorrido total de la letra, sin presentar modificaciones de grosor. >Tienen una estructura geométrica o compensada ópticamente. >Permiten una alta legibilidad, incluso en cuerpos pequeños. >Sin serif LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 29. >Presentan características muy varia- das, que hacen que sea la clasificación más personal y ornamental de todas. >Se organizan en 3grupos, presentando cada uno morfologías particulares Caligráficas y Script Góticas Decorativas >Las tipografías de Fantasía son muy usadas en el diseño de logotipos, por poseer trazos muypersonales y diferen- ciales. >No tienen buena legibilidad en cuerpos pequeños o textos largos. >Fantasía
  • 30. > Góticas >Cruel >Antiguo >Aventurero > Caligráficas >Elegancia >Refinamiento >Clásico >Delicado > Decorativas >Transgresor >Personal > Script >Espontáneo >T ransgresor >Rebelde > Joven >Sensaciones
  • 31. >03. VARIABLES TIPOGRÁFICAS En una familia tipográfica intervienen distintas variables visuales: Cuerpo /T ono /Dirección /Proporción >Las variables tipográficas permiten ampliar las posibilidades de uso de una fuente. >Cada variable será empleada en base a los objetivos de comunicación, definiendo y potenciando funciones y significados. LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 32. >El cuerpo es una medida que define la proporción del tamaño de una tipografía. >El cuerpo de una tipografía se pautará en relación al uso o función que se le de a la palabra escrita. >Un trabajo intencionado con el cuerpo tipográfico colaborará a la transmisión de una idea o mensaje. >Cuerpo
  • 33. >La determinación del cuerpo tipográfico depende del objetivo de la comunicación a realizar . >Ej:Un cuerpograndebusca destacar una información en particular dentro de un contexto determinado (ya sea porque la distancia de lectura lo amerita o porque la importancia de esos datos lo requieren). LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 34. >La elecciónestratégicadel cuerpo tipográfico colabora a enfatizar una idea. LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICAD
  • 35. >Las letras pueden cambiar su valor de intensidad o tono afinando el espesor de sus trazos,volviéndose con ello más claras -light- o espesándolos para aumentar el negro pleno -bold-, y en algunos casos extra negra o extrabold -black-. >Se considera regular, normal o medium la tipografía cuyo trazo vertical tenga un grosor igual al 15%del alto de la misma. >El uso de las variables de tono dependerá de la atención y peso visual que se desee generar con la tipografía, en función de un objetivo de comunicación. >Tono LA TIPOGRAFÍA Y LA TRANSMISIÓ DE SIGNIFICADOS
  • 36.
  • 37. >Se considera normala la tipografía cuyos trazos verticales forman un ángulo de 90º con la línea de base. En las itálicas,el diseño vertical rota al oblicuo en torno a un eje central horizontal. >El nombre “itálicas” hace referencia a un estilo de caligrafía “pre-imprenta”, que es en la que los primeros diseñadores de tipografías se influenciaron. >La itálica no conlleva una simple inclinación de la letra sino implica para numerosos caracteres una alteración de la forma misma. >La itálica tiene un negro diferente del de la normal, por ello se puede utilizar para destacar textos. >Dirección 1:Tipografía versión normal. 2:Tipografía “italizada/inclinada” manualmente. 3:Tipografía itálica real de la misma fuente. LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 38. >El uso de la versión itálica puede enfatizar sensaciones y conceptos, dependiendodel objetivo de la comunicación a realizar . >Las itálicas generan una sensación de mayor tensión y movimiento que la versión normal.
  • 39. >Se considera normal a la tipografía cuando su anchura sea de aproximadamente4/5 de la altura. >Se individualiza en la letraHmayúsculael modelo que fja las proporciones a partir de las cuales se construyen todos los otros signos; enlasminúsculaseslaletra“n”que posee las mismas relaciones. >Las versiones normales de estas dos letras nos dice que si su altura es x, la amplitud debe ser el 80%de x. Si el porcentaje es menor a 80%la versión es condensada y si es superior ,la versión es expandida. >Proporción LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS
  • 40. DG.Y1
  • 41. >Conclusión: La Tipografía por su diseño, forma, contraste o tamaño, puede expresar ideas o reforzar el significado de las palabras. Eso es exactamente lo que se pretende al escoger una tipografía para un diseño: COMUNICAR UNA IDEA. LA TIPOGRAFÍA Y LA TRANSMISIÓN DE SIGNIFICADOS