Jairo Hurtado

Jairo Hurtado
La multimedia apareció con la
llegada de las tarjetas de
sonido, los CD-ROM y la
posibilidad de generar
gráficas e imágenes en la
computadora, lo cual generó
una revolución en el de
diseño de aplicaciones
informáticas. Con la llegada
de Internet y de los entornos
tridimensionales se abrió un
nuevo campo para la
aparición de múltiples
formatos y alternativas.
•• Enseñar
Enseñar de de manera
manera
más
más efectiva
efectiva
•• Persuadir
Persuadir
•• Divertir
Divertir
•• Investigar
Investigar
•• Simular
Simular
•• Llegar
Llegar aa un
un público
público
específico
específico
•• Leer
Leer Libros
Libros
Escuchar
Escuchar Música
Música

Jairo Hurtado
Programas:
Programas:

•• Lúdicos
Lúdicos
•• Informativos
Informativos
•• investigativos
investigativos
•• Interactivos
Interactivos

Jairo Hurtado
 Programas autor
Programas autor Simuladores
Simuladores

Libros interactivos Juegos

Juegos
TIPO:
TIPO:
Diseño
Diseño dedeuna
unaletra.
letra.Conjunto
Conjunto de
de
características
característicasque
que diferencian
diferencian una
una
fuente
fuente (tamaño,
(tamaño,interlineado,
interlineado, estilo)
estilo)

TIPOGRAFÍA
TIPOGRAFÍA

“Arte
“Arte dede disponer
disponer correctamente
correctamente el el
material
material de
de imprimir,
imprimir, de
de acuerdo
acuerdo con
con
un
un propósito
propósito específico:
específico: el
el de
de colocar
colocar
las
las letras,
letras, repartir
repartir el
el espacio
espacio yy
organizar
organizar loslos tipos
tipos con
con vistas
vistas aa
prestar
prestar alal lector
lector la
la máxima
máxima ayudaayuda
para
para la
la comprensión
comprensión del del texto
texto escrito
escrito
verbalmente.”
verbalmente.”
Stanley Morison, Principios fundamentales de la tipografía (1929)
 TAMAÑOS DE
TAMAÑOS DE LOS
LOS TIPOS:
TIPOS:
El tamaño
El tamaño dede los
los caracteres
caracteres se
se mide
mide en
en
Cíceros, picas,
Cíceros, picas, puntos
puntos oo en
en
milímetros,
milímetros,
11 pica
pica == 12
12 puntos
puntos == 11 cícero
cícero == 4,21
4,21
mms, aprox.
mms, aprox.

FUENTE:
FUENTE:
Conjunto de
Conjunto de caracteres
caracteres tipográficos
tipográficos
(letras, números,
(letras, números, signos,
signos, etc.)
etc.) que
que
comparten unos
comparten unos determinados
determinados rasgos
rasgos
formales, como
formales, como peso,
peso, estilo
estilo yy también
también
cuerpo oo tamaño.
cuerpo tamaño.
 La unidad
La unidad mínima
mínima en en la
la composición
composición de
de textos
textos es
es elel caracter,
caracter, el
el
cual posee
cual posee todas
todas las
las características
características de
de la
la fuente
fuente yy familia
familia
tipográfica.
tipográfica.

PARTES DE
PARTES DE UN
UN CARACTER
CARACTER TIPOGRÁFICO:
TIPOGRÁFICO:
ELEMENTOS TIPOGRÁFICOS:
ELEMENTOS TIPOGRÁFICOS:

El grosor en el
trazo:
pueden ser pesados
o ligeros, según su
grosor pueden
afectar o no a la
legibilidad. redonda,
negra o supernegra,
fina o extrafina.

- Inclinación del eje vertical o cursivas:

Son las denominadas cursivas o itálicas. abusar de este
caracter inclinado dificulta la lectura.
ELEMENTOS TIPOGRÁFICOS:
ELEMENTOS TIPOGRÁFICOS:
Proporción: (alto/ancho)

Redonda: cuando son iguales.

Estrecha: cuando el horizontal es menor que el vertical.

Expandida: cuando el horizontal es mayor.

OTROS ASPECTOS DE LOS CARACTERES:
Alineación: es la manera como se ubica el texto con
respecto a la superficie sobre la cual se escribe (izquierda,
derecha, centrada y justificada).
OTROS ASPECTOS DE LOS CARACTERES:
Peso: es la diferencia de grosor entre dos letras de una
misma familia, como la que hay entre una fina y una negrita.

Estilo: hace referencia a la diferencia de trazado e inclinación

que hay entre dos letras de una misma familia, como la que
diferencia a la letra normal de la cursiva. También hace
referencia a la propiedad de ser negrita, subrayada, tachada
etc.
 OTROS
OTROS ASPECTOS
ASPECTOS DE
DE LOS
LOS CARACTERES:
CARACTERES:

Altas y bajas: diferencia las

letras de altura constante
denominadas bajas (las
vocales y otras como c, j, g,
m, n) de las letras de mayor
altura llamadas altas (las
mayúsculas y otras como b,
d, f, h, k.)

Versalitas: tienen la
propiedad de que las altas y
bajas son de la misma altura.
 OTROS
OTROS ASPECTOS
ASPECTOS DE
DE LOS
LOS CARACTERES:
CARACTERES:

Interlineado: hace referencia a

la separación entre los
renglones de un texto,
generalmente dado en tres
valores: sencillo y doble.

Capital: es aquella letra que

se coloca al inicio de un texto
y puede ocupar varias líneas
de él.
Tipografías
Tipografías con
con serif:
serif:
Los
Los tipos
tipos de
de caracteres,
caracteres, pueden
pueden
incluir
incluir adornos
adornos en
en sus
sus extremos
extremos oo
no,
no, estos
estos adornos
adornos en
en sus
sus
terminaciones,
terminaciones, se
se denominan
denominan serif
serif
oo serifas.
serifas.

Tipografías
Tipografías sans
sans serif
serif oo de
de palo
palo
seco:
seco: Es
Es la
la tipografía
tipografía que que no
no
contiene
contiene estos
estos adornos,
adornos,
comunmente
comunmente llamadallamada sanserif
sanserif oo
(sin
(sin serifas
serifas ),), éstas
éstas no
no tienen
tienen serif
serif
yy actualmente
actualmente se se utilizan
utilizan en
en
muchos
muchos tipos
tipos de de publicaciones
publicaciones de de
texto
texto impreso.
impreso.
Clasificación de
Clasificación de remates
remates oo terminales
terminales::

El Kern
El Kern oo kerning
kerning es
es el
el
espacio existente
espacio existente entre
entre
dos caracteres
dos caracteres
individuales, para
individuales, para
cuando dos
cuando dos de
de estos
estos
caracteres se
caracteres se
encuentran demasiado
encuentran demasiado
juntos oo separados.
juntos separados.
FAMILIA:
FAMILIA:
esun
es ungrupo
grupo integrado
integrado dedefuentes
fuentes tipográficas.
tipográficas.Así,
Así,la
lafamilia
familia
Helvéticaconsta
Helvética consta dedediferentes
diferentesestilos
estilos(redonda
(redonda oocursiva)
cursiva)yy
pesos(negra
pesos (negraoofina),
fina), en
endiversos
diversoscuerpos
cuerposootamaños
tamaños(10,(10,12
12
puntos…). Muchos
puntos…). Muchos programas
programasde deprocesamiento
procesamiento de detextos
textos
utilizanel
utilizan eltérmino
términofuente
fuente para
parareferirse
referirse aatoda
toda una
una familia.
familia.
FAMILIAS TIPOGRÁFICAS:
FAMILIAS TIPOGRÁFICAS:

Romanas antiguas Script o manuscritas

De transición Palo Seco
Romanas modernas Caligráficas u
Egipcias ornamentales
Fantasía
ANTECEDENTES:
ANTECEDENTES:

En
En Alemania
Alemania donde
donde se se originó
originó la
la impresión
impresión con
con tipos
tipos móviles,
móviles, la
la
escritura
escritura local
local era
era la
la llamada
llamada gótica,
gótica, ésta
ésta se
se caracteriza
caracteriza por
por la
la
dificultad
dificultad de
de su
su lectura,
lectura, especialmente
especialmente cuando
cuando se
se utiliza
utiliza
mayúscula
mayúscula sostenida
sostenida
ANTECEDENTES:
ANTECEDENTES:
Para
Para 1793
1793 había
había aparecido
aparecido elel
“Estilo
“Estilo Moderno,”
Moderno,” obraobra del
del
impresor
impresor italiano
italiano (Giambattista
(Giambattista
Bodoni
Bodoni (1740-1831);
(1740-1831); con
con unun
máximo
máximo contraste
contraste entre
entre los
los trazos
trazos
gruesos
gruesos yy los
los finos.
finos.

Los
Los primeros
primeros tipos
tipos «romanos»
«romanos» fueron
fueron
Sans
Sans Serif
Serif oo “grotescos"
“grotescos" se
se usaban
usaban
para
para carteles.
carteles.
El
El tipo
tipo Times
Times New
New Roman,
Roman, encargado
encargado
por
por elel diario
diario The
The Times
Times en
en 1931
1931
 Fuente digital:
Fuente digital:

es un
es un conjunto
conjunto de
de dibujos
dibujos vectoriales
vectoriales
que se
que se pueden
pueden escalar
escalar sin
sin pérdida
pérdida de
de
calidad. Se
calidad. Se almacenan
almacenan principalmente
principalmente
en archivos
en archivos de
de tipo
tipo TrueType
TrueType (TT)
(TT) oo
Postscript
Postscript Tipo1
Tipo1 (PS1).
(PS1). Son
Son
tecnologías de
tecnologías de fuente
fuente escalable
escalable que
que
mantienen
mantienen buena
buena calidad
calidad
ndependientemente de
ndependientemente de la
la resolución.
resolución.

Cada fuente
Cada fuente TT
TT se
se almacena
almacena en
en un
un solo
solo fichero,
fichero, mientras
mientras que
que lala PS1
PS1
requiere dos
requiere dos ficheros
ficheros separados,
separados, uno
uno para
para la
la impresora
impresora yy otro
otro para
para su
su
visualización en
visualización en pantalla.
pantalla.

FUENTES ESPECIALES
FUENTES ESPECIALES PARA
PARA LA
LA PANTALLAS
PANTALLAS DIGITALES
DIGITALES

fuentes tales,
fuentes tales, como
como la
la Verdana,
Verdana, Tahoma,
Tahoma, Trebuchet
Trebuchet yy Georgia
Georgia son
son ideales.
ideales.
Las fuentes
Las fuentes ornamentales
ornamentales oo caligráficas
caligráficas no
no deben
deben emplearse
emplearse más
más allá
allá de
de
unas pocas
unas pocas líneas,
líneas, puesto
puesto que
que causarían
causarían de
de fatiga
fatiga visual.
visual.
 El color en la tipografía y en la elección del tipo

Utilizamos el color para enfatizar las letras.

Una buena legibilidad se logra equilibrando

cuidadosamente las tres propiedades del
color (tono, valor e intensidad) y determinar el
contraste adecuado entre las letras y su
fondo.
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.
 la elección del tipo

Utilizamos el color para enfatizar las letras.

Una buena legibilidad se logra equilibrando

cuidadosamente las tres propiedades del
color (tono, valor e intensidad) y determinar el
contraste adecuado entre las letras y su
fondo.
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.
 RECOMENDACIONES
RECOMENDACIONES PARA
PARA EL
EL MANEJO
MANEJO DE
DE TEXTOS
TEXTOS

• Claras y legibles.
• Variar el tamaño
• Usar el menor número de fuentes
dentro de un mismo documento
• Usar Mayúsculas para los títulos;

•• Textos
Textos con
con párrafos
párrafos cortos
cortos yy
mensajes claros
mensajes claros yy concisos.
concisos.

• Utilizar los atributos para destacar los títulos y palabras claves

• Para la pantalla, algunas fuentes sans como Verdana o Tahoma

ofrecen óptima legibilidad.
• Las fuentes ornamentales o caligráficas no deben emplearse
más allá de unas pocas líneas, puesto que serían causa
inmediata de fatiga visual
ELEGIR UNA
ELEGIR UNA FUENTE
FUENTE DIGITAL
DIGITAL PARA
PARA UN
UN
DOCUMENTO
DOCUMENTO

Al primer
Al primer golpe
golpe dede vista,
vista, la
la tipografía
tipografía yy el
el color
color
dicen más
dicen más que
que el
el mismo
mismo texto.
texto.

el lector
el lector identifica
identifica los
los colores
colores con
con mucha
mucha másmás
rapidez que
rapidez que cualquier
cualquier otro
otro atributo.
atributo. Aplicar
Aplicar el
el
color con
color con cierta
cierta discreción
discreción resalta
resalta yy puede
puede
crear la
crear la impresión
impresión de de mayor
mayor variedad
variedad dede
fuentes.
fuentes.

La legibilidad
La legibilidad es es especialmente
especialmente importante
importante
para textos
para textos largos.
largos.
Para los
Para los títulos
títulos podemos
podemos emplear
emplear la
la fuente
fuente que
que
queramos, en
queramos, en función
función de
de la
la sensacion
sensación que
que nos
nos
interese crear
interese crear: Elegencia , informalidad,
antigüedad, seriedad, alegria, etc.
•• Alternativas
Alternativas en en elel diseño
diseño dede textos
textos:WordArt,
WordArt,Corel
CorelDraw,
Draw,
Corel Photo
Corel Photo Paint
Paint yy Xara
Xara
•• Para
Para letra
letra pequeños
pequeños utilizar
utilizar la
la fuente
fuente más
más legible.
legible.
•• En
En unun texto
texto muy
muy largo
largo se
se puede
puede recurrir
recurrir al
al interlineado
interlineado
para ajustar
para ajustar al al espacio
espacio requerido.
requerido.
•• Al
Al utilizar
utilizar el
el interlineado
interlineado líneas
líneas demasiado
demasiado juntas
juntas pueden
pueden
dificultar la
dificultar la lectura.
lectura.
•• El
El texto
texto suavizado
suavizado da da una
una apariencia
apariencia profesional
profesional yy
fusiona
fusiona los
los bordes
bordes de
de las
las letras
letras con
con el
el fondo;
fondo;
puede
puede serser utilizado
utilizadopara
para títulos
títulosyy encabezados.
encabezados.
•• Al
Al realizar
realizar aplicaciones
aplicaciones multimedia
multimediase se puede
puede
utilizar
utilizarel
el texto
texto como
como medio
medio de de navegación
navegación lolo que
que
da
da como
como resultado
resultado un
un diseño
diseño interactivo.
interactivo.
Hipertexto
Hipertexto::
Es un método de
presentación de información
en el que el texto, las
imágenes, los sonidos y las
acciones están asociadas ,
lo que permite al usuario
examinar los distintos temas
independientemente del
orden de presentación de
los mismos.
Algunas letras
Algunas letras van
van asociadas
asociadas aa un
un
período histórico
período histórico determinado,
determinado, oo aa
un lugar
un lugar en
en el
el mundo.
mundo.
Otras, como
Otras, como Garamond,
Garamond, sonson diseños
diseños
atemporales yy resultan
atemporales resultan tan
tan frescas
frescas
hoy como
hoy como enen el
el momento
momento enen que
que sese
crearon, hace
crearon, hace siglos.
siglos.

podemos recurrir
podemos recurrir aa expertos.
expertos. Por Por
ejemplo, el
ejemplo, el sistema
sistema Esperfonto,
Esperfonto, de de
Daniel Will-Harris,
Daniel Will-Harris, http://www.will-
http://www.will-
harris.com/ clasifica
harris.com/ clasifica las
las letras
letras según
según
la sensación,
la sensación, elel gusto
gusto que
que confieren
confieren
aa un
un documento,
documento, en en lugar
lugar dede criterios
criterios
históricos oo técnicos.
históricos técnicos.
 ORGANIZACIÓN DE LAS FUENTES EN WINDOWS
Los
Los tipos
tipos de
de letra
letra que
que emplean
emplean las
las aplicaciones
aplicaciones son
son
las
las fuentes
fuentes escalables.
escalables.

Existen
Existen dos
dos tipos
tipos principales
principales dede fuentes
fuentes escalables:
escalables:
fonts
fonts truetype
truetype yy fonts
fonts Type
Type 11 (también
(también llamadas
llamadas
Postscript
Postscript type
type 1).
1). pueden
pueden generar
generar unun caracter
caracter de
de
cualquier
cualquier tamaño
tamaño sinsin pérdida
pérdida dede calidad
calidad en
en el
el
contorno.
contorno.

Cómo
Cómo maneja
maneja Windows
Windows los
los tipos
tipos de
de letra
letra
Es
Es necesario
necesario tenerla
tenerla en
en nuestro
nuestro sistema
sistema
(normalmente
(normalmente en en el
el disco
disco duro,
duro, disponer
disponer deldel archivo
archivo
de
de la
la fuente:
fuente: un
un archivo
archivo con
con extensión
extensión .TTF
.TTF

Existe la posibilidad de incrustar (embedding) las fuentes dentro de un

documento, se incrusta es una representación de la fuente para verla en
pantalla y/o imprimirla, no el archivo de ésta. Los documentos PDF suelen
incluir fuentes incrustadas de esta forma.
Si
Si tenemos
tenemos un
un gráfico
gráfico que
que eses un
un mapa
mapa de
de bits
bits oo un
un vector
vector en
en el el cual
cual
convirtamos
convirtamos aa curvas
curvas las
las letras,
letras, ya
ya no
no será
será necesario
necesario tener
tener la
la fuente
fuente
instalada
instalada para
para poder
poder ver
ver la
la imagen
imagen correctamente.
correctamente.

,
¿CUÁNTAS
¿CUÁNTAS FUENTES
FUENTES INSTALAR?
INSTALAR?

Nunca
Nunca debería
debería instalar
instalar más
más allá
allá de
de uno
uno
oo dos
dos centenares
centenares de de fuentes
fuentes en
en la
la
computadora.
computadora. HacenHacen más más lento
lento el
el
sistema.
sistema.
no
no es
es realista,
realista, ni
ni práctico,
práctico, tener
tener tantas
tantas
fuentes
fuentes instaladas.
instaladas.
Conviene
Conviene efectuar
efectuar una
una selección
selección que
que
incluya
incluya las
las más
más usadas
usadas oo preferidas
preferidas
(unas
(unas pocas
pocas docenas,
docenas, seguramente),
seguramente), yy
el
el resto,
resto, tenerlas
tenerlas ordenadas
ordenadas en en
carpetas
carpetas ee instalarlas
instalarlas
momentáneamente.
momentáneamente.
 En
En la
la elección
elección de
de un
un tipo
tipo pueden
pueden influir
influir las
las consideraciones
consideraciones estéticas.
estéticas. Por
Por
ejemplo,
ejemplo, unun manuscrito
manuscrito histórico
histórico se
se puede
puede componer
componer concon un
un tipo
tipo
históricamente
históricamente adecuado,
adecuado, mientras
mientras que
que unun catálogo
catálogo comercial
comercial puede
puede
componerse
componerse en en un
un tipo
tipo “Egipcio”
“Egipcio” oo “Sans
“Sans Serif”,
Serif”, para
para darle
darle un
un aspecto
aspecto
sobrio
sobrio yy poco
poco pretencioso.
pretencioso.

Incunable: <1501 Jairo Hurtado

 FUENTES EN INTERNET
FUENTES GRATIS
http://blogvecindad.com/fuentes-tipograficas-gratis/
http://www.dafont.com/es/

http://www.1001freefonts.com
FUENTES EN INTERNET
FUENTES GRATIS http://www.dafont.com/es/
FUENTES EN INTERNET
FUENTES GRATIS http://www.1001freefonts.com
 FUENTES EN INTERNET
PARA HACER EN CASA

Feliz Navidad

Realice
Realice una
una presentación
presentación enen Power
Power Point
Point con
con 10
10 diapositivas,
diapositivas,
Descargue
Descargue 10 10 fuentes
fuentes diversas
diversas de
de su
su agrado
agrado ,, descargue
descargue 1010
imágenes
imágenes dede internet
internet que
que puedan
puedan asociarse
asociarse con
con cada
cada una
una de
de las
las
fuentes
fuentes yy colóquelas
colóquelas enen cada
cada una
una de
de las
las diapositivas
diapositivas .. No
No olvide
olvide
hacer
hacer portada
portada y guardar con fuentes.
Feliz Navidad
 Corre un

Batman
poco más
EL CABALLERO DE LA NOCHE
Art
Nouveau

Mis novelas ilustradas por Jairo

 SE BUSCA
$ 5.000
DE RECOMPENSA

Bueno, malo o feo

•• CONEXIONES
CONEXIONES PARA
PARA DISPOSITIVOS
DISPOSITIVOS MULTIMEDIA.
MULTIMEDIA.

•• TRABAJAR
TRABAJAR CON
CON TEXTOS
TEXTOS EN
EN CORELDRAW
CORELDRAW X3.
X3.

•• CREAR
CREAR UN
UN FOLLETO
FOLLETO CON
CON CORELDRAW
CORELDRAW X3*
X3*

•• CONSTRUIR
CONSTRUIR TEXTOS
TEXTOS CREATIVOS
CREATIVOS CON
CON COREL
COREL PHOTO
PHOTO PAINT
PAINT

•• CREACIÓN
CREACIÓN DE
DE BOTONES
BOTONES CON
CON TEXTO
TEXTO USANDO
USANDO XARA
XARA 3D.
3D.

•• GRABAR
GRABAR TEXTO
TEXTO DESDE
DESDE EL
EL EXPLORADOR
EXPLORADOR USANDO
USANDO SNAGIT
SNAGIT