SlideShare una empresa de Scribd logo
1 de 29
FUNDAMENTOS FÍSICOS,
CULTURALES, ARTÍSTICOS Y
TÉCNICOS DE LA TIPOGRAFÍA EN
EL DISEÑO GRÁFICO
PUBLICITARIO
Jessica C – StephanieDISEÑO
GRAFICO
1. La tipografía historia y su
evolución
 La tipografía nos ha permitido plasmar en el tiempo
historias de la humanidad, gracias a su eficacia
comunicativa de forma impresa. Desde tiempos
remotos, el hombre a podido expresar y comunicar la
realidad que lo rodea a partir del uso de símbolos
pictográficos, permitiéndole así representar
conceptos o significados que van acorde con la
época.
La evolución de la tipografía desde el antiguo Egipto, que va desde los
3000 A.C. en donde el sistema pictográfico trataba de imitar formas
naturales, dibujadas para representar por ejemplo acciones de la vida
cotidiana, luego estos pictogramas haciéndose cada vez más abstractos
y adaptándose a las herramientas y soportes de la época, empiezan a
transformarse en letras. Era muy distinto tallar en piedra, con una
herramienta estilo cincel, a escribir sobre un papiro, con un soporte mas
suave y con una tinta liquida. Así poco a poco el medio y las técnicas
van transformando la tipografía.
Luego, en el 200 A.C. aparecen las
letras capitales, por ejemplo los
textos griegos no utilizaban
espacios entre letras, así todos los
textos estaban escritos en
"mayúsculas" y aun no existían las
letras minúsculas.
Luego los romanos
inventaron las letras con serif,
quizás por la herramienta (el
cincel) que utilizaban para
tallar las letras en los
monumentos hechos en
piedra, mármol, etc. o
probablemente por razones
estéticas.
2. Familia y fuentes
tipográficas
Se entiende por
fuente tipográfica al
estilo o apariencia de
un grupo completo
de caracteres,
números y signos,
regidos por
características
comunes.
Familia tipográfica,
es un conjunto de
tipos basado en una
misma fuente con
algunas variaciones,
tales como por
ejemplo, el grosor y
la anchura, pero
manteniendo
características
comunes.
Tipografía y familia tipográfica
La tipografía, además de funcionar como
representación gráfica del lenguaje, tiene también
una dimensión estructural y estilística que permite
asignar connotaciones estéticas y culturales particu-
lares a cada familia.
Las variables tipográficas constituyen alfabetos al-
ternativos dentro de una misma familia, por lo tanto
mantienen el criterio de parentesco estructural y es-
tilístico entre sí. Estos alfabetos alternativos son va-
riables que permiten resolver diferentes ritmos o pe-
sos dentro del mismo sistema de signos.
En principio, las variables afectan a
la letra en tres posibles ejes:
Peso (liviana o light, nor-
mal o regular y negra
o bold)
Modifica el trazo de la letra
y por lo tanto su color
Eje (redonda o regular
o roman e itálica o italic)
Cambia la estructura, por
lo que produce cambios
en el ritmo
Ancho (condensada
o condensed, regular
o regular y expandida
o extended)
Modifica la estructura de
los signos, cambio que se
hace evidente en el cam-
bio de las contraformas,
además de producir
modificaciones en el rendi-
miento del texto.
Cada una de estas variables tiene distintos
usos dentro de una composición y, aunque
existe cierta tradición, deberán ser siempre
probados y verificados por el usuario.
3.Formas de una terminal: Serif o
serifas
 Existen cinco elementos puntuales, sirven para clasificar
e identificar a las diferentes las familias tipográficas:
- La presencia o
ausencia del serif
o remate.
- La forma del
serif.
- La relación curva
o recta entre
bastones y serifs.
- La uniformidad o
variabilidad del
grosor del trazo.
- La dirección del
eje de
engrosamiento.
 De acuerdo con esto podemos hacer un análisis y reconocer
a los dos grandes grupos fundamentales:
 Tipografías con serif: Los tipos de caracteres,
pueden incluir adornos en sus extremos o no,
estos adornos en sus terminaciones, se
denominan serif o serifas.
 Tipografías sans serif o de palo seco: Es la
tipografía que no contiene estos adornos,
comúnmente llamada sanserif o (sin serifas ),
éstas no tienen serif y actualmente se utilizan en
muchos tipos de publicaciones de texto impreso.
 Imagen de una
serifa
 Imagen sin serifa o
san serif
4. Clasificación de las familias
tipográficas
 Puesto que existen infinidad de familias tipográficas,
debemos realizar una clasificación que nos ayude a
agrupar aquellas fuentes que poseen similares
características.
 Hay cinco elementos que sirven para clasificar las
diferentes familias tipográficas:
 El serif o remate.
 La forma del serif
 La relación curva o recta entre bastones y serif
 La uniformidad o variabilidad del grosor
 La dirección del eje de engrosamiento
 Así tendremos cuatro grandes grupos
diferenciados:
5. Variables visuales
Las variables tipográficas
son opciones que nos
ofrece una misma familia
para responder a las dife-
rentes necesidades de la
comunicación visual. Las
utilizamos, entre otras
cosas, para establecer dis-
tintos niveles de
jerarquización dentro de un
texto, para alterar el color,
para cambiar el ritmo, etc.
Las variables tipográficas
son elementos que, al per-
tenecer a un sistema, de-
ben mantener parentesco
formal con la familia de la
que son parte. En general,
actúan sobre la inclinación,
el peso y el ancho de la le-
tra.
Inclinación
 Si las variables de eje modifican la in-
clinación de la letra, se cambia la es-
tructura y surge una alteración en el rit-
mo. Algunas veces también puede
afectar el color.
 En algunos programas existe la función
«itálica», que inclina todos los signos
en un ángulo determinado, pero las itá-
licas no son solo eso y, además, no to-
das las letras deben tener la misma in-
clinación: en la versión itálica de una
fuente, el diseño de los signos se ajus-
ta para lograr otro color; normalmente,
ocupa menos espacio que la versión
normal y en ciertos casos (por ejemplo
en las tipografías romanas y en algu-
nas de palo seco) el diseño de los sig-
nos adopta características de cursiva.
Peso
 Las variables de peso afec-
tan al trazo de los signos, lo
cual puede dar lugar a pe-
queñas modificaciones es-
tructurales. Lo que se altera
principalmente es el color ti-
pográfico, ya que cambia la
relación entre el ancho del
trazo y las contraformas de
cada signo tipográfico.
 Para usar una tipografía ne-
grita o bold, hay que tener la
variable correspondiente; no
es conveniente convertir una
fuente normal en negrita por
medios electrónicos.
Ancho
 En las variables de ancho, se pro-
duce un cambio en la estructura
de la letra tal que solamente se
modifican las proporciones, aun-
que el trazo no varía. Se altera el
rendimiento (en primer lugar) y
también el color del texto.
 Las fuentes condensadas y expan-
didas también están diseñadas es-
pecialmente, por eso tampoco de-
bemos modificar el ancho por me-
dios electrónicos, ya que se defor-
man los signos.
 Esto es más notorio en tipografías
de trazo uniforme: al condensarlas
o expandirlas electrónicamente,
perdemos la uniformidad del trazo.
Versalitas
 Las versalitas son
alfabetos con es-
tructuras de mayús-
culas, pero que
mantienen la altura
de los signos de ca-
ja baja. Nos servi-
mos de esta opción,
por ejemplo, si ne-
cesitamos utilizar
mayúsculas y no
queremos generar
irregularidades en el
color del texto.
El color en la tipografía y en la
elección del tipo
 Para conseguir una buena
legibilidad cuando se diseña con
tipos y color deberemos equilibrar
cuidadosamente las tres
propiedades del color (tono, valor e
intensidad) y determinar el contraste
adecuado entre las letras y su
fondo. Cuando se combinan tipos y
color, el equilibrio entre estas
características es importantísimo.
 El color tipográfico es una ilusión
óptica, creada por las propias
proporciones y formas de los
diseños tipográficos. Éstas nos
hacen percibir la sensación de un
color distinto, aunque esté impreso
en el mismo color. Aunque las
palabras estén impresas en el
mismo color, cada una de ellas
puede poseer un tono diferente,
debido a las características propias
de sus diseños tipográficos.
Como
impacta el
color
 Recordamos que los colores pueden dividirse en dos grupos:
colores fríos y cálidos.
 Los colores cálidos van desde el rojo al amarillo, y son colores muy
impactantes, ya que destacan mucho sobre un fondo. El rojo o el
naranja son colores muy vistosos y llamativos, por este motivo se
usa el color rojo en los semáforos y muchas señales de peligro.
 Los colores fríos, son los verdes hasta los azules, tienen la
característica de que son muy relajantes. Se utilizan en la
decoración infantil, centros de estudio, hospitales.
 El blanco, gris y negro, no puede incluirse en los grupos de cálidos y
fríos.
 Los tonos marrones, tostados cremas y ocres, representan
añoranza y son perfectos para representar productos naturales y
clásicos. En publicidad se emplea en anuncios en blanco y negro o
escala de grises, para resaltar el producto o elemento protagonista.
 Los colores primarios (Magenta, Cian y Amarillo) se utilizan en
productos infantiles, porque aportan alegría y juventud. Y además
estos colores, en los niños les recuerdan a los dulces.
 Las tipografías doradas o plateadas sobre fondos oscuros nos
evocan elegancia y sofisticación, y son muy adecuadas, si se trata
de un proyecto donde se debe incluir el lujo, la elegancia o poder.
Cuadricula tipográfica
Plantilla compuesta por ejes
verticales y horizontales que se
entrecruzan dando forma a una rejilla
que, según se combinen sus
retículas, permite crear diferentes
tipos de módulo, columnas,
márgenes, delimitaciones, contornos.
Entre sus múltiples aplicaciones, esta
herramienta es útil para la
composición de los elementos que
integran una página (estructuración
de contenidos web, maquetación
editorial) o para guiar la labor de
diseño gráfico.
Tipografía digital
Es un conjunto de dibujos vectoriales que
se pueden escalar sin pérdida de calidad,
gracias a la información adicional
codificada en la propia fuente que se
conoce como “Hinting” (sugerencia).
Los formatos utilizados para almacenar los
archivos de fuentes son: TrueType (TT),
Postscript Tipo1 (PS1) y Open Type Font
que son los formatos más reconocidos en
la mayoría de sistemas operativos.
Algunos tipos de letras que se han
diseñado para que sean fácilmente
legibles en el caso, de que las
visualizemos en pantallas con baja
resolución son: la Verdana, Tahoma,
Trebuchet y Georgia.
TrueType (TT)
Tienen su origen en el lenguaje
de descripción de página
Postscript de Adobe, esta fuente
consta en realidad de dos
archivos fuente: uno es una
fuente de pantalla basada en
píxeles y el otro archivo es una
fuente de contornos, llamada
también fuente de impresora,
que muestra la forma de los
catacteres compuestos por
curvas de Bézier.
La fuente de impresora basada
en objetos se utiliza cuando se
imprime la fuente o se muestra
en el monitar a gran tamaño,
estos archivos son distintos para
Mac y para Windonws. En
Windows la fuente de contornos
lleva la extensión .pfb (Printer
Font Binary) y la de pantalla
.pfm (Printer Font Metrics).
True Type Font ó TTF
TrueType es un formato
estándar de tipos de
letra escalables desarrollado a
finales de la década de los
ochenta por por Apple
Computer para competir
comercialmente con el formato
“Type 1” de Adobe. Una de las
principales fortalezas de
TrueType era que ofrecía a los
diseñadores de tipografía un
mayor grado de control sobre
la forma en que los caracteres
se desplegaban en pantalla o
en impresos a tamaños
menores, con lo cual se
lograba una mejor legibilidad.
Open Type Font ó OTF
Formato publicado en 1996 por
Microsoft, donde se origino la
especificación técnica y que
más adelante fue desarrollada
con la colaboración de Adobe
System.
OpenType es un formato de
tipos de letra escalables para
ordenadores, el cual conserva
la estructura básica del TTF y
la cual complementa con
tablas de datos que permiten
incorporar a un tipo o familia
tipográfica funciones
tipográficas y lingüísticas
avanzadas.
TIPOS DE FUENTE

Más contenido relacionado

La actualidad más candente

Familias tipográficas
Familias tipográficasFamilias tipográficas
Familias tipográficasluiart
 
Clasificacion Tipografica Robert Bringhurst
Clasificacion Tipografica Robert BringhurstClasificacion Tipografica Robert Bringhurst
Clasificacion Tipografica Robert BringhurstBianca Gutierrez
 
La tipografía en la señalética
La tipografía en la señaléticaLa tipografía en la señalética
La tipografía en la señaléticaMaximiliano Alegre
 
Ejemplo Manual de identidad visual de una empresa - Manual de Imagen Corporativa
Ejemplo Manual de identidad visual de una empresa - Manual de Imagen CorporativaEjemplo Manual de identidad visual de una empresa - Manual de Imagen Corporativa
Ejemplo Manual de identidad visual de una empresa - Manual de Imagen CorporativaAB STUDIO Colombia
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulastls02cv
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografiaJezuz
 
Los códigos, signos. Comunicación no verbal.
Los códigos, signos. Comunicación no verbal.Los códigos, signos. Comunicación no verbal.
Los códigos, signos. Comunicación no verbal."Las Profes Talks"
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicionRenan Israel
 
Anatomía de la letra
Anatomía de la letraAnatomía de la letra
Anatomía de la letrastalento2
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoMaría Sabat
 
APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO
APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO
APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO JOSEANDRANGO2
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografiaVickydancerf
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentaciónOscar Velez
 

La actualidad más candente (20)

Tipografias
TipografiasTipografias
Tipografias
 
Fuente Tipografica
Fuente TipograficaFuente Tipografica
Fuente Tipografica
 
Familias tipográficas
Familias tipográficasFamilias tipográficas
Familias tipográficas
 
Reticulas
ReticulasReticulas
Reticulas
 
Clasificacion Tipografica Robert Bringhurst
Clasificacion Tipografica Robert BringhurstClasificacion Tipografica Robert Bringhurst
Clasificacion Tipografica Robert Bringhurst
 
La tipografía en la señalética
La tipografía en la señaléticaLa tipografía en la señalética
La tipografía en la señalética
 
Ejemplo Manual de identidad visual de una empresa - Manual de Imagen Corporativa
Ejemplo Manual de identidad visual de una empresa - Manual de Imagen CorporativaEjemplo Manual de identidad visual de una empresa - Manual de Imagen Corporativa
Ejemplo Manual de identidad visual de una empresa - Manual de Imagen Corporativa
 
Que son fuentes tipográficas
Que son fuentes tipográficasQue son fuentes tipográficas
Que son fuentes tipográficas
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografia
 
Unidad2 alfabeto visual
Unidad2 alfabeto visualUnidad2 alfabeto visual
Unidad2 alfabeto visual
 
Los códigos, signos. Comunicación no verbal.
Los códigos, signos. Comunicación no verbal.Los códigos, signos. Comunicación no verbal.
Los códigos, signos. Comunicación no verbal.
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
Anatomía de la letra
Anatomía de la letraAnatomía de la letra
Anatomía de la letra
 
Tipografia
TipografiaTipografia
Tipografia
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO
APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO
APLICACION DE LA SEMIOTICA AL DISEÑO GRAFICO
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografia
 
Tipografía, origen y anatomía del tipo!
Tipografía, origen y anatomía del tipo!Tipografía, origen y anatomía del tipo!
Tipografía, origen y anatomía del tipo!
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentación
 

Similar a Taller Tipografía

Similar a Taller Tipografía (20)

Taller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuelTaller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuel
 
Taller 5 edison_calderon
Taller 5 edison_calderonTaller 5 edison_calderon
Taller 5 edison_calderon
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
4.4 tipografia
4.4 tipografia4.4 tipografia
4.4 tipografia
 
Taller 5. gabriela flores
Taller 5. gabriela floresTaller 5. gabriela flores
Taller 5. gabriela flores
 
Taller 5 giomara y stalin tipografia
Taller 5 giomara y stalin tipografiaTaller 5 giomara y stalin tipografia
Taller 5 giomara y stalin tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
TipografíA
TipografíATipografíA
TipografíA
 
Trabajo De La Tipografía
Trabajo De La TipografíaTrabajo De La Tipografía
Trabajo De La Tipografía
 
ensayo
ensayoensayo
ensayo
 
Tipo
TipoTipo
Tipo
 
Capitulo2
Capitulo2Capitulo2
Capitulo2
 
Diseno grafico básico
Diseno grafico básicoDiseno grafico básico
Diseno grafico básico
 
diseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.pptdiseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.ppt
 
FUNDAMENTOS DEL DISEÑO
FUNDAMENTOS DEL DISEÑOFUNDAMENTOS DEL DISEÑO
FUNDAMENTOS DEL DISEÑO
 
diseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.pptdiseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.ppt
 
Fundamentos físicos, culturales, artísticos y técnicos
Fundamentos físicos, culturales, artísticos y técnicosFundamentos físicos, culturales, artísticos y técnicos
Fundamentos físicos, culturales, artísticos y técnicos
 
Taller de tipografia alexander camila
Taller de tipografia alexander camilaTaller de tipografia alexander camila
Taller de tipografia alexander camila
 

Más de JessicaCamalle

Foro teorema central del limite
Foro teorema central del limiteForo teorema central del limite
Foro teorema central del limiteJessicaCamalle
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica cJessicaCamalle
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica cJessicaCamalle
 
Taller 2 jessica c, stephanie
Taller 2 jessica c, stephanieTaller 2 jessica c, stephanie
Taller 2 jessica c, stephanieJessicaCamalle
 
Taller 1-Jessica Camalle
Taller 1-Jessica CamalleTaller 1-Jessica Camalle
Taller 1-Jessica CamalleJessicaCamalle
 
Taller 5 Jessica C- Stephanie
Taller 5  Jessica C- StephanieTaller 5  Jessica C- Stephanie
Taller 5 Jessica C- StephanieJessicaCamalle
 
Taller 1 jessica c-daniel
Taller 1 jessica c-danielTaller 1 jessica c-daniel
Taller 1 jessica c-danielJessicaCamalle
 
Percepcion de los objetos-Taller 2 Jessica C-stephanie
Percepcion de los objetos-Taller 2 Jessica C-stephaniePercepcion de los objetos-Taller 2 Jessica C-stephanie
Percepcion de los objetos-Taller 2 Jessica C-stephanieJessicaCamalle
 

Más de JessicaCamalle (8)

Foro teorema central del limite
Foro teorema central del limiteForo teorema central del limite
Foro teorema central del limite
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica c
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica c
 
Taller 2 jessica c, stephanie
Taller 2 jessica c, stephanieTaller 2 jessica c, stephanie
Taller 2 jessica c, stephanie
 
Taller 1-Jessica Camalle
Taller 1-Jessica CamalleTaller 1-Jessica Camalle
Taller 1-Jessica Camalle
 
Taller 5 Jessica C- Stephanie
Taller 5  Jessica C- StephanieTaller 5  Jessica C- Stephanie
Taller 5 Jessica C- Stephanie
 
Taller 1 jessica c-daniel
Taller 1 jessica c-danielTaller 1 jessica c-daniel
Taller 1 jessica c-daniel
 
Percepcion de los objetos-Taller 2 Jessica C-stephanie
Percepcion de los objetos-Taller 2 Jessica C-stephaniePercepcion de los objetos-Taller 2 Jessica C-stephanie
Percepcion de los objetos-Taller 2 Jessica C-stephanie
 

Último

sesion de aprendizaje 1 SEC. 13- 17 MAYO 2024 comunicación.pdf
sesion de aprendizaje 1 SEC. 13- 17  MAYO  2024 comunicación.pdfsesion de aprendizaje 1 SEC. 13- 17  MAYO  2024 comunicación.pdf
sesion de aprendizaje 1 SEC. 13- 17 MAYO 2024 comunicación.pdfmaria luisa pahuara allcca
 
FICHA CUENTO BUSCANDO UNA MAMÁ 2024 MAESTRA JANET.pdf
FICHA CUENTO BUSCANDO UNA MAMÁ  2024 MAESTRA JANET.pdfFICHA CUENTO BUSCANDO UNA MAMÁ  2024 MAESTRA JANET.pdf
FICHA CUENTO BUSCANDO UNA MAMÁ 2024 MAESTRA JANET.pdfPaulaAnglicaBustaman
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteinmaculadatorressanc
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 
Apunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdfApunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdfGonella
 
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxAEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxhenarfdez
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxcandy torres
 
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdfEFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdfsalazarjhomary
 
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto gradoUNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto gradoWilian24
 
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdfGRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdfjorge531093
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalJonathanCovena1
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdfDemetrio Ccesa Rayme
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...Agrela Elvixeo
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfSofiaArias58
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfRosabel UA
 

Último (20)

sesion de aprendizaje 1 SEC. 13- 17 MAYO 2024 comunicación.pdf
sesion de aprendizaje 1 SEC. 13- 17  MAYO  2024 comunicación.pdfsesion de aprendizaje 1 SEC. 13- 17  MAYO  2024 comunicación.pdf
sesion de aprendizaje 1 SEC. 13- 17 MAYO 2024 comunicación.pdf
 
FICHA CUENTO BUSCANDO UNA MAMÁ 2024 MAESTRA JANET.pdf
FICHA CUENTO BUSCANDO UNA MAMÁ  2024 MAESTRA JANET.pdfFICHA CUENTO BUSCANDO UNA MAMÁ  2024 MAESTRA JANET.pdf
FICHA CUENTO BUSCANDO UNA MAMÁ 2024 MAESTRA JANET.pdf
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Apunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdfApunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdf
 
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxAEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdfEFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
EFEMERIDES DEL MES DE MAYO PERIODICO MURAL.pdf
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto gradoUNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
 
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdfTÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
 
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdfGRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdf
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 

Taller Tipografía

  • 1. FUNDAMENTOS FÍSICOS, CULTURALES, ARTÍSTICOS Y TÉCNICOS DE LA TIPOGRAFÍA EN EL DISEÑO GRÁFICO PUBLICITARIO Jessica C – StephanieDISEÑO GRAFICO
  • 2. 1. La tipografía historia y su evolución  La tipografía nos ha permitido plasmar en el tiempo historias de la humanidad, gracias a su eficacia comunicativa de forma impresa. Desde tiempos remotos, el hombre a podido expresar y comunicar la realidad que lo rodea a partir del uso de símbolos pictográficos, permitiéndole así representar conceptos o significados que van acorde con la época.
  • 3. La evolución de la tipografía desde el antiguo Egipto, que va desde los 3000 A.C. en donde el sistema pictográfico trataba de imitar formas naturales, dibujadas para representar por ejemplo acciones de la vida cotidiana, luego estos pictogramas haciéndose cada vez más abstractos y adaptándose a las herramientas y soportes de la época, empiezan a transformarse en letras. Era muy distinto tallar en piedra, con una herramienta estilo cincel, a escribir sobre un papiro, con un soporte mas suave y con una tinta liquida. Así poco a poco el medio y las técnicas van transformando la tipografía.
  • 4. Luego, en el 200 A.C. aparecen las letras capitales, por ejemplo los textos griegos no utilizaban espacios entre letras, así todos los textos estaban escritos en "mayúsculas" y aun no existían las letras minúsculas.
  • 5. Luego los romanos inventaron las letras con serif, quizás por la herramienta (el cincel) que utilizaban para tallar las letras en los monumentos hechos en piedra, mármol, etc. o probablemente por razones estéticas.
  • 6.
  • 7.
  • 8. 2. Familia y fuentes tipográficas Se entiende por fuente tipográfica al estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por características comunes. Familia tipográfica, es un conjunto de tipos basado en una misma fuente con algunas variaciones, tales como por ejemplo, el grosor y la anchura, pero manteniendo características comunes.
  • 9.
  • 10. Tipografía y familia tipográfica La tipografía, además de funcionar como representación gráfica del lenguaje, tiene también una dimensión estructural y estilística que permite asignar connotaciones estéticas y culturales particu- lares a cada familia. Las variables tipográficas constituyen alfabetos al- ternativos dentro de una misma familia, por lo tanto mantienen el criterio de parentesco estructural y es- tilístico entre sí. Estos alfabetos alternativos son va- riables que permiten resolver diferentes ritmos o pe- sos dentro del mismo sistema de signos.
  • 11. En principio, las variables afectan a la letra en tres posibles ejes: Peso (liviana o light, nor- mal o regular y negra o bold) Modifica el trazo de la letra y por lo tanto su color Eje (redonda o regular o roman e itálica o italic) Cambia la estructura, por lo que produce cambios en el ritmo Ancho (condensada o condensed, regular o regular y expandida o extended) Modifica la estructura de los signos, cambio que se hace evidente en el cam- bio de las contraformas, además de producir modificaciones en el rendi- miento del texto.
  • 12. Cada una de estas variables tiene distintos usos dentro de una composición y, aunque existe cierta tradición, deberán ser siempre probados y verificados por el usuario.
  • 13. 3.Formas de una terminal: Serif o serifas  Existen cinco elementos puntuales, sirven para clasificar e identificar a las diferentes las familias tipográficas: - La presencia o ausencia del serif o remate. - La forma del serif. - La relación curva o recta entre bastones y serifs. - La uniformidad o variabilidad del grosor del trazo. - La dirección del eje de engrosamiento.
  • 14.  De acuerdo con esto podemos hacer un análisis y reconocer a los dos grandes grupos fundamentales:  Tipografías con serif: Los tipos de caracteres, pueden incluir adornos en sus extremos o no, estos adornos en sus terminaciones, se denominan serif o serifas.  Tipografías sans serif o de palo seco: Es la tipografía que no contiene estos adornos, comúnmente llamada sanserif o (sin serifas ), éstas no tienen serif y actualmente se utilizan en muchos tipos de publicaciones de texto impreso.
  • 15.  Imagen de una serifa  Imagen sin serifa o san serif
  • 16. 4. Clasificación de las familias tipográficas  Puesto que existen infinidad de familias tipográficas, debemos realizar una clasificación que nos ayude a agrupar aquellas fuentes que poseen similares características.  Hay cinco elementos que sirven para clasificar las diferentes familias tipográficas:  El serif o remate.  La forma del serif  La relación curva o recta entre bastones y serif  La uniformidad o variabilidad del grosor  La dirección del eje de engrosamiento
  • 17.
  • 18.  Así tendremos cuatro grandes grupos diferenciados:
  • 19. 5. Variables visuales Las variables tipográficas son opciones que nos ofrece una misma familia para responder a las dife- rentes necesidades de la comunicación visual. Las utilizamos, entre otras cosas, para establecer dis- tintos niveles de jerarquización dentro de un texto, para alterar el color, para cambiar el ritmo, etc. Las variables tipográficas son elementos que, al per- tenecer a un sistema, de- ben mantener parentesco formal con la familia de la que son parte. En general, actúan sobre la inclinación, el peso y el ancho de la le- tra.
  • 20. Inclinación  Si las variables de eje modifican la in- clinación de la letra, se cambia la es- tructura y surge una alteración en el rit- mo. Algunas veces también puede afectar el color.  En algunos programas existe la función «itálica», que inclina todos los signos en un ángulo determinado, pero las itá- licas no son solo eso y, además, no to- das las letras deben tener la misma in- clinación: en la versión itálica de una fuente, el diseño de los signos se ajus- ta para lograr otro color; normalmente, ocupa menos espacio que la versión normal y en ciertos casos (por ejemplo en las tipografías romanas y en algu- nas de palo seco) el diseño de los sig- nos adopta características de cursiva.
  • 21. Peso  Las variables de peso afec- tan al trazo de los signos, lo cual puede dar lugar a pe- queñas modificaciones es- tructurales. Lo que se altera principalmente es el color ti- pográfico, ya que cambia la relación entre el ancho del trazo y las contraformas de cada signo tipográfico.  Para usar una tipografía ne- grita o bold, hay que tener la variable correspondiente; no es conveniente convertir una fuente normal en negrita por medios electrónicos.
  • 22. Ancho  En las variables de ancho, se pro- duce un cambio en la estructura de la letra tal que solamente se modifican las proporciones, aun- que el trazo no varía. Se altera el rendimiento (en primer lugar) y también el color del texto.  Las fuentes condensadas y expan- didas también están diseñadas es- pecialmente, por eso tampoco de- bemos modificar el ancho por me- dios electrónicos, ya que se defor- man los signos.  Esto es más notorio en tipografías de trazo uniforme: al condensarlas o expandirlas electrónicamente, perdemos la uniformidad del trazo.
  • 23.
  • 24. Versalitas  Las versalitas son alfabetos con es- tructuras de mayús- culas, pero que mantienen la altura de los signos de ca- ja baja. Nos servi- mos de esta opción, por ejemplo, si ne- cesitamos utilizar mayúsculas y no queremos generar irregularidades en el color del texto.
  • 25. El color en la tipografía y en la elección del tipo  Para conseguir una buena legibilidad cuando se diseña con tipos y color deberemos equilibrar cuidadosamente las tres propiedades del color (tono, valor e intensidad) y determinar el contraste adecuado entre las letras y su fondo. Cuando se combinan tipos y color, el equilibrio entre estas características es importantísimo.  El color tipográfico es una ilusión óptica, creada por las propias proporciones y formas de los diseños tipográficos. Éstas nos hacen percibir la sensación de un color distinto, aunque esté impreso en el mismo color. Aunque las palabras estén impresas en el mismo color, cada una de ellas puede poseer un tono diferente, debido a las características propias de sus diseños tipográficos.
  • 26. Como impacta el color  Recordamos que los colores pueden dividirse en dos grupos: colores fríos y cálidos.  Los colores cálidos van desde el rojo al amarillo, y son colores muy impactantes, ya que destacan mucho sobre un fondo. El rojo o el naranja son colores muy vistosos y llamativos, por este motivo se usa el color rojo en los semáforos y muchas señales de peligro.  Los colores fríos, son los verdes hasta los azules, tienen la característica de que son muy relajantes. Se utilizan en la decoración infantil, centros de estudio, hospitales.  El blanco, gris y negro, no puede incluirse en los grupos de cálidos y fríos.  Los tonos marrones, tostados cremas y ocres, representan añoranza y son perfectos para representar productos naturales y clásicos. En publicidad se emplea en anuncios en blanco y negro o escala de grises, para resaltar el producto o elemento protagonista.  Los colores primarios (Magenta, Cian y Amarillo) se utilizan en productos infantiles, porque aportan alegría y juventud. Y además estos colores, en los niños les recuerdan a los dulces.  Las tipografías doradas o plateadas sobre fondos oscuros nos evocan elegancia y sofisticación, y son muy adecuadas, si se trata de un proyecto donde se debe incluir el lujo, la elegancia o poder.
  • 27. Cuadricula tipográfica Plantilla compuesta por ejes verticales y horizontales que se entrecruzan dando forma a una rejilla que, según se combinen sus retículas, permite crear diferentes tipos de módulo, columnas, márgenes, delimitaciones, contornos. Entre sus múltiples aplicaciones, esta herramienta es útil para la composición de los elementos que integran una página (estructuración de contenidos web, maquetación editorial) o para guiar la labor de diseño gráfico.
  • 28. Tipografía digital Es un conjunto de dibujos vectoriales que se pueden escalar sin pérdida de calidad, gracias a la información adicional codificada en la propia fuente que se conoce como “Hinting” (sugerencia). Los formatos utilizados para almacenar los archivos de fuentes son: TrueType (TT), Postscript Tipo1 (PS1) y Open Type Font que son los formatos más reconocidos en la mayoría de sistemas operativos. Algunos tipos de letras que se han diseñado para que sean fácilmente legibles en el caso, de que las visualizemos en pantallas con baja resolución son: la Verdana, Tahoma, Trebuchet y Georgia.
  • 29. TrueType (TT) Tienen su origen en el lenguaje de descripción de página Postscript de Adobe, esta fuente consta en realidad de dos archivos fuente: uno es una fuente de pantalla basada en píxeles y el otro archivo es una fuente de contornos, llamada también fuente de impresora, que muestra la forma de los catacteres compuestos por curvas de Bézier. La fuente de impresora basada en objetos se utiliza cuando se imprime la fuente o se muestra en el monitar a gran tamaño, estos archivos son distintos para Mac y para Windonws. En Windows la fuente de contornos lleva la extensión .pfb (Printer Font Binary) y la de pantalla .pfm (Printer Font Metrics). True Type Font ó TTF TrueType es un formato estándar de tipos de letra escalables desarrollado a finales de la década de los ochenta por por Apple Computer para competir comercialmente con el formato “Type 1” de Adobe. Una de las principales fortalezas de TrueType era que ofrecía a los diseñadores de tipografía un mayor grado de control sobre la forma en que los caracteres se desplegaban en pantalla o en impresos a tamaños menores, con lo cual se lograba una mejor legibilidad. Open Type Font ó OTF Formato publicado en 1996 por Microsoft, donde se origino la especificación técnica y que más adelante fue desarrollada con la colaboración de Adobe System. OpenType es un formato de tipos de letra escalables para ordenadores, el cual conserva la estructura básica del TTF y la cual complementa con tablas de datos que permiten incorporar a un tipo o familia tipográfica funciones tipográficas y lingüísticas avanzadas. TIPOS DE FUENTE